c# - 使用 Jquery 在 asp.net 中级联下拉菜单

Question

当我在我的 bankDDL 中选择一家银行时，asp.net C# 中的 DropdownList 出现问题，branchDDL 不会自动更新，需要先选择它，然后再更新 branchDDL。我使用 Jquery 语言在运行时在我的 branchDDL 上填充数据。

var branch = $("#<%=cboBranch.ClientID%>");

    $("#<%=cboBank.ClientID%>").change(function () {

        branch.html("");//this is my first problem this doesnt show after my bank is change
        branch.append($("<option></option>").val(-1).html("Please select Branch"));//also this
        if ($(this).val() != -1) {
            OnGetNotes(parseInt($(this).val()));//this function get the JSON and populate the
                                                //branch according to what bank is selected
                                                //and it show the branch using slideDown 
        }
        else {
            $("#branch").slideUp();
        }
    });

Answer 1

而不是 .html() 使用 .empty() 。还要确保你的代码在 DOM 就绪事件中。试试这个

$(function() {

    var branch = $("#<%=cboBranch.ClientID%>");

    $("#<%=cboBank.ClientID%>").on('change', function() {
        branch.empty().append($("<option></option>").val(-1).html("Please select Branch")); //also this
        if ($(this).val() != -1) {
            OnGetNotes(parseInt($(this).val()));
        }
        else {
            $("#branch").slideUp();
        }
    });
});​