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

前端之家收集整理的这篇文章主要介绍了基于另一个选择框中的选择填充一个选择框 – 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);
    }
});

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

任何帮助是极大的赞赏!

谢谢

解决方法

原文链接:https://www.f2er.com/jquery/180377.html

猜你在找的jQuery相关文章