使用 jquery/javascript 从 onchange 选定值进行简单查询？答案

【问题标题】：Simple query using jquery/javascript from a onchange selected value?使用 jquery/javascript 从 onchange 选定值进行简单查询？
【发布时间】：2014-08-30 22:44:19
【问题描述】：

在此示例中，alert(selectedString) 检索下拉选择值，因此我知道这部分有效。我想采用该值并使用它来查询带有 mysqli 和 PHP 的表。我们如何使用选定的字符串查询数据库表？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">

var select = document.getElementById("test");

select.onchange = function(){
var selectedString = select.options[select.selectedIndex].value;


alert(selectedString);

}

</script>

【问题讨论】：

您需要使用 AJAX 调用 php 脚本并将所选字符串作为数据参数传递。然后，您可以回显查询的结果数组，然后使用成功回调的结果更新您的 Dom

标签： javascript php jquery mysqli

【解决方案1】：

使用 jQuerys ajax method。当用户在网站上时对您的服务器进行异步调用。在data 属性中传递 selectedString 并使用$_GET['selectedString'] 在您的 php 脚本中读取它。在客户端，您可能希望对 done 块中的 php 请求返回的数据进行处理。

$.ajax({
  url: "yourServerScript.php",
  data: { selectedString: selectedString },
  cache: false
})
  .done(function( html ) {
    $( "#results" ).append( html );
  });

【讨论】：