使用来自onchange所选值的jquery/javascript进行简单查询

Simple query using jquery/javascript from a onchange selected value?

本文关键字:javascript jquery 查询 简单 onchange      更新时间:2023-09-26

在这个例子中,警报(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>

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

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