在ajax中使用select选项列表更改PHP变量值

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

// 使用jQuery
$('#mySelect').change(function() {
  var selectedValue = $(this).val();
  // 发送ajax请求，将选中的值传递给后端
  $.ajax({
    url: 'update_variable.php',
    method: 'POST',
    data: { selectedValue: selectedValue },
    success: function(response) {
      // 处理后端返回的响应数据
      console.log(response);
    }
  });
});

// 使用原生JavaScript
document.getElementById('mySelect').addEventListener('change', function() {
  var selectedValue = this.value;
  // 发送ajax请求，将选中的值传递给后端
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'update_variable.php', true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理后端返回的响应数据
      console.log(xhr.responseText);
    }
  };
  xhr.send('selectedValue=' + encodeURIComponent(selectedValue));
});

$selectedValue = $_POST['selectedValue'];

// 根据选中的值更新PHP变量
if ($selectedValue === 'value1') {
  $variable = '新的值1';
} elseif ($selectedValue === 'value2') {
  $variable = '新的值2';
} elseif ($selectedValue === 'value3') {
  $variable = '新的值3';
}

// 返回更新后的变量值或其他响应数据
echo $variable;