如何在javascript中显示下拉菜单中的选定选项

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<p>选中的选项是：<span id="selectedOption"></span></p>

// 获取下拉菜单元素
var selectElement = document.getElementById("mySelect");

// 监听下拉菜单的change事件
selectElement.addEventListener("change", function() {
  // 获取选中的选项
  var selectedOption = selectElement.value;
  
  // 显示选中的选项
  var selectedOptionElement = document.getElementById("selectedOption");
  selectedOptionElement.textContent = selectedOption;
});