2011-05-02 189 views
17

我想根據第一個選擇框中的選擇填充一個選擇框。我在網上查了一下,發現了很多有關硬編碼選項的有用信息,但我需要我的選項來自查詢(例如在Coldfusion中的cfquery)。我知道cfquery是服務器端的,所以我不能將它包含在我的jquery中,但是還有其他選擇嗎?基於另一個選擇框中的選擇填充一個選擇框 - 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); 
    } 
}); 

我需要的是城鎮是動態的,並且能夠從閱讀一個數據庫。

任何幫助,非常感謝!

感謝

+0

這裏被很好地解釋教程線對你將會理解的代碼進行深入的解釋asily http://www.developphp.com/view.php?tid=1267 – 2014-03-19 21:34:48

回答

13
+0

太棒了。謝謝!第一個例子幫了我很多。我只是不得不改變它與coldfusion一起工作。謝謝! – shawleigh17 2011-05-02 19:42:55

+9

@EdgarVillegasAlvarado我意識到你的答案解決了這個問題。然而,我經常看到這個問題被標記爲可能的重複(今天標記爲一個),並且僅鏈接答案應該包含從中獲取的代碼。如果這些網站/網頁不再存在,那麼答案(和問題)對任何人都是沒有用的。 *只是說*。 – 2016-08-07 17:17:42

+1

是的,這不是一個好的答案,如果不是因爲它已經在這裏待了6年,我想它不會有15個上傳贊助人! – miken32 2017-02-15 00:22:35

相關問題