基于另一个选择框中的选择填充一个选择框 – JQuery？

我正在根据第一个选择框中的选择填充一个选择框.我已经在线查看,并发现了很多有用的硬编码选项的有用信息,但是我需要我的选项是来自一个查询(如在冷冻中的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);
    }
});

我需要的是让城镇变得动态,并能够从数据库中读取.

任何帮助是极大的赞赏！

谢谢