如何使用下拉选择选项获取使用Ajax的html元素？

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

document.getElementById("mySelect").addEventListener("change", function() {
  var selectedValue = this.value; // 获取选中的值
  // 执行相应的Ajax操作
  // ...
});

document.getElementById("mySelect").addEventListener("change", function() {
  var selectedValue = this.value; // 获取选中的值

  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var responseHtml = xhr.responseText; // 获取响应的HTML内容
      // 处理响应的HTML元素
      // ...
    }
  };
  xhr.open("GET", "ajax_page.html?selectedValue=" + selectedValue, true);
  xhr.send();
});