Question

我有2个选择框，其中一个包含县，第二个框包含这些县内的城镇。

我正在努力使第一个选择框指示第二个选项中可用的值，如果他们没有选择第一组选项，则第二个选项可见但灰显，直到选择完毕。< / p>

任何帮助都会很棒。

Answer 1

代码不言自明：

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

当县选择框更改时，抓住selectedIndex并从数据列表中获取城镇列表。如果所选索引为0，则禁用城镇。

如果选择了某些内容，则从您的数据中获取城镇列表，并将选项附加到选择中。

您需要的只是县和县的实际数据。城市。我没有给你那个

直播example

jquery - 如何让一个选择框为另一个选择框提供选项

1 个答案: