选择菜单将变量传递给函数以更改innerhtml

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

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

function myFunction() {
  var selectedOption = document.getElementById("mySelect").value;
  changeInnerHTML(selectedOption);
}

function changeInnerHTML(option) {
  var element = document.getElementById("myElement");
  
  if (option === "option1") {
    element.innerHTML = "选项1被选中";
  } else if (option === "option2") {
    element.innerHTML = "选项2被选中";
  } else if (option === "option3") {
    element.innerHTML = "选项3被选中";
  }
}