有没有一种方法可以在不刷新的情况下，从下拉菜单中选择一个选项来更改HTML显示？

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

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

function updateContent() {
  var selectedOption = selectElement.value;
  var contentElement = document.getElementById("content");
  
  // 根据选择的选项更新HTML内容
  if (selectedOption === "option1") {
    contentElement.innerHTML = "选项1的内容";
  } else if (selectedOption === "option2") {
    contentElement.innerHTML = "选项2的内容";
  } else if (selectedOption === "option3") {
    contentElement.innerHTML = "选项3的内容";
  }
}

<div id="content"></div>