php - 使用查询结果填充第三个下拉列表

Question

我有三个下拉菜单。根据第一个下拉列表中选择的选项，我使用 JavaScript 填充第二个下拉列表。

第一个下拉列表

<select id="continent" onchange="secondMenu(this,'country')" >
<option value="1">Asia</option>
<option value="2">Europe</option
</select>

第二个下拉列表

<select id="country" >
</select>

第三个下拉列表

<select id="population" >
</select>

我的脚本

<script>
       function secondMenu(ddl1,ddl2){
  var as=new Array('Japan','China');
  var eu=new Array('Germany','France');
 switch (ddl1.value) {
        case 1:
            document.getElementById(ddl2).options.length = 0;
            for (i = 0; i < as.length; i++) {
                createOption(document.getElementById(ddl2), as[i], as[i]);
            }
            break;
        case 2:
            document.getElementById(ddl2).options.length = 0; 
        for (i = 0; i < eu.length; i++) {
            createOption(document.getElementById(ddl2), eu[i], eu[i]);
            }
            break;

   }
     function createOption(ddl, text, value) {
    var opt = document.createElement('option');
    opt.value = value;
    opt.text = text;
    ddl.options.add(opt);
    }
</script>

现在，根据第二个下拉列表中选择的选项，我想运行 mysql 查询并填充第三个下拉列表。有关如何填充第三个下拉列表的任何帮助。

Answer 1

使用 AJAX 向您的服务器发送请求并运行 mysql 查询。假设您没有使用 JQuery，纯 AJAX 看起来像这样:

if (window.XMLHttpRequest) {
      xmlhttp = new XMLHttpRequest();
      xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
            var data = xmlhttp.responseText;
            //populating your select
         }
      }
      xmlhttp.open("GET", "yourmethodpath", true);
      xmlhttp.send();
    }