基于另一个选择框中的选择填充一个选择框 - jQuery？

Question

我想根据第一个选择框中的选择填充一个选择框。我在网上查了一下，发现了很多有关硬编码选项的有用信息，但我需要我的选项来自查询（例如在Coldfusion中的cfquery）。我知道cfquery是服务器端的，所以我不能将它包含在我的jquery中，但是还有其他选择吗？

我用的是下面的例子：

HTML：

<select id="counties"> 
    <option> </option> 
    <option> somerset </option> 
    <option> hertfordshire </option> 
</select> 

<select id="towns" disabled="true"> 
</select> 

JS：

var countyTowns = [ 
    ["Bath", "Bristol"], 
    ["Letchworth", "Hitchin"] 
]; 

$("#counties").change(function() { 
    var county = this.selectedIndex - 1; 
    $("#towns").empty(); 
    if (county === -1) { 
     $("#towns").attr("disabled", true); 
    } else { 
     var towns = countyTowns[county]; 
     for (var i = 0; i < towns.length; i++) { 
      $("#towns").append($("<option></option>").text(towns[i])); 
     } 
     $("#towns").attr("disabled", false); 
    } 
}); 

我需要的是城镇是动态的，并且能够从阅读一个数据库。

任何帮助，非常感谢！

感谢

Answer 1

这里有一些例子：

• http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html（也许是最好的，从这里开始）

• http://blog.chapagain.com.np/using-jquery-ajax-populate-selection-list/