Question

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

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

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

不要考虑我是如何填充第一次dropwdown的，我在代码隐藏中完成它并没有出现问题。现在，我的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');，但似乎没有用。

Selectpicker不会刷新

0 个答案: