在select中更改后更新html

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

var selectElement = document.getElementById("mySelect");
selectElement.addEventListener("change", updateHTML);

function updateHTML() {
  var selectedValue = selectElement.value;
  
  if (selectedValue === "option1") {
    // 更新HTML内容的操作1
  } else if (selectedValue === "option2") {
    // 更新HTML内容的操作2
  } else if (selectedValue === "option3") {
    // 更新HTML内容的操作3
  }
}

function updateHTML() {
  var selectedValue = selectElement.value;
  var contentElement = document.getElementById("content");
  
  if (selectedValue === "option1") {
    contentElement.innerHTML = "Option 1 is selected.";
  } else if (selectedValue === "option2") {
    contentElement.innerHTML = "Option 2 is selected.";
  } else if (selectedValue === "option3") {
    contentElement.innerHTML = "Option 3 is selected.";
  }
}