如何在下拉列表中显示选定的行值/文本

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

document.getElementById("mySelect").addEventListener("change", myFunction);

function myFunction() {
  var select = document.getElementById("mySelect");
  var selectedOption = select.options[select.selectedIndex];
  
  // 获取选中的值
  var selectedValue = selectedOption.value;
  console.log("选中的值：" + selectedValue);
  
  // 获取选中的文本
  var selectedText = selectedOption.text;
  console.log("选中的文本：" + selectedText);
  
  // 将选中的文本显示在页面的某个元素中
  document.getElementById("result").textContent = selectedText;
}