在另一个select框中select一个select框 – JQuery？

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

我正在使用下面的例子：

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); } }); 

我需要的是城镇是dynamic的，可以从数据库中读取。

任何帮助是极大的赞赏！

谢谢

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/