Javascript 从sql和上一个选定值填充多个DropDownList

Javascript 从sql和上一个选定值填充多个DropDownList,javascript,php,html,dropdownbox,Javascript,Php,Html,Dropdownbox,我用php编写了查询数据库的代码,并将记录填充到一个下拉列表中,供用户选择。我还有javascript,它根据第一个框的选择填充第二个下拉列表 我如何将这两者联系在一起,以便用户从下拉列表中选择值“x”,php将查询数据库“WHERE….=SselectedValue” 网上有什么例子吗?我好像找不到 在更改第一个下拉列表的方法时,编写对第二个下拉列表的ajax/phpquery调用。乙二醇- $("#firstDdwn").on('change',function(){ var val=

我用php编写了查询数据库的代码,并将记录填充到一个下拉列表中,供用户选择。我还有javascript,它根据第一个框的选择填充第二个下拉列表

我如何将这两者联系在一起,以便用户从下拉列表中选择值“x”,php将查询数据库“WHERE….=SselectedValue”


网上有什么例子吗?我好像找不到

在更改第一个下拉列表的方法时,编写对第二个下拉列表的ajax/phpquery调用。乙二醇-

$("#firstDdwn").on('change',function(){
   var val=$(this).val();
   //php will query the database "WHERE.... = val"
  //on success of data received from query, populate second dropdown

})
Ajax代码应该是这样的-

$.ajax(
{
      url:"your_controller_URL",
      data: val
      success:function(result){
      //populate 2nd dropdown with result
    },
    error:function(){
      alert("No data received");
     }
});

链接以获取jquery ajax的简要信息---

没什么大不了的,获取新列表并将上一个添加到其中。您可以使用ajax和jquery来查询数据库。当用户选择值“x”时从dropdownlist,您的Ajax调用应该被发送到数据库,您应该用Ajax返回的结果填充您的其他dropdownlist谢谢大家的帮助!有你们知道的教程/例子吗?我过去没有用AJAX做过任何事情。希望这是C或C++,这样简单多了!使用示例jQueryAjax和教程链接更新了我的答案