基於另一個選擇框中的選擇填充一個選擇框 - 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/