1

我有两个下拉列表，并试图根据第一个下拉选择更改第二个下拉列表的元素。这是我的html：

<asp:DropDownList ID="DropDownListIl" CssClass="selectpicker" runat="server"></asp:DropDownList>

<select id="DropDownListIlce" class="selectpicker" name="nameIlceler" runat="server"></select>

不要考虑我是如何填充第一个下拉列表的，我在代码隐藏中做它没有问题。现在，我的 js(Jquery)：

$(".selectpicker").selectpicker();
$("#<%=DropDownListIl.ClientID%>").change(function () {

        var id = $("#<%=DropDownListIl.ClientID%>").val();

        $("#<%=DropDownListIlce.ClientID%>").empty();

        for (i in ilceler) {
            if (ilceler[i].Ilid == id) {

                $("#<%=DropDownListIlce.ClientID%>").append("<option value='" + ilceler[i].Id + "'>" + ilceler[i].İlceAdi + "</option>");
            }
        }

        $('.selectpicker').selectpicker('refresh');

    });

ilceler是我的对象列表，其中包含第二个下拉列表的元素。问题是，当我selectpicker从第二个下拉列表中删除类时，代码工作正常。我更改了第一个下拉菜单的选定项目，第二个下拉菜单的元素正确更改，但是当我将selectpicker类添加到第二个下拉菜单时，它的元素不会更改。所以我很确定我只是在刷新第二个下拉列表时遇到了问题。如您所见，我使用过$('.selectpicker').selectpicker('refresh');，但似乎无法正常工作。

4

0 回答 0