将Php下拉列表中的变量传递给Ajax

<form>
  <select id="mySelect" onchange="getData()">
    <option value="value1">Value 1</option>
    <option value="value2">Value 2</option>
    <option value="value3">Value 3</option>
  </select>
</form>

function getData() {
  var selectedValue = document.getElementById("mySelect").value;
  
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  
  // 设置请求方法和URL
  xhr.open("GET", "backend.php?selectedValue=" + selectedValue, true);
  
  // 定义回调函数
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      // 处理响应数据
      var response = xhr.responseText;
      console.log(response);
    }
  };
  
  // 发送请求
  xhr.send();
}

$selectedValue = $_GET['selectedValue'];

// 进行相应的处理，例如查询数据库或执行其他操作

// 返回响应数据
echo "Received selected value: " . $selectedValue;