Ajax相关文本字段和下拉菜单(Php和Javascript)

<input type="text" id="text-field">
<select id="dropdown">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>
<button onclick="sendRequest()">Submit</button>
<div id="result"></div>

function sendRequest() {
  var textFieldValue = document.getElementById("text-field").value;
  var dropdownValue = document.getElementById("dropdown").value;
  
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      document.getElementById("result").innerHTML = xhr.responseText;
    }
  };
  
  xhr.open("GET", "process.php?text=" + textFieldValue + "&dropdown=" + dropdownValue, true);
  xhr.send();
}

$text = $_GET["text"];
$dropdown = $_GET["dropdown"];

// 处理文本字段和下拉菜单的值，并返回结果
$result = "处理结果：" . $text . "，" . $dropdown;
echo $result;