php - 使用 JavaScript 将值从 HTML 选择发送到 PHP

Question

带有 select 值的 HTML 是:

<select id="value_select" onchange="get_value_js()">
<option>Value 1</option>
<option>Value 2</option
</select>

JavaScript 代码:

function get_value_js() {
var the_value = document.getElementById("value_select").value;
}

我不知道如何继续 JavaScript 将值发送到，例如 work.php。在 work.php 中，我想将值存储在 PHP 变量中。

Answer 1

您可以使用 AJAX。

function get_value_js(){
  var xmlhttp;
  var e = document.getElementById("value_select");
  var the_value = e.options[e.selectedIndex].value;
  if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
    }
  else
    {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  xmlhttp.onreadystatechange=function()
    {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
      {
      //Do whatever with xmlhttp.responseText;
      }
    }
  xmlhttp.open("GET","work.php?val="+the_value,true);
  xmlhttp.send();
}

您可以使用 $_GET['the_value'] 获取值。