Question

我有两个bootstrap-multiselect下拉列表。在选择第一个下拉列表时，我必须绑定第二个下拉列表的下拉列表。

所以我通过发送第一个下拉列表选项来使用ajax调用，并成功获取了secodn下拉值的json对象。这是我的代码：

function FillZonesDropdown(BUId) {
    debugger
    var bu = BUId;

    bu = bu.join(",");
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "@Url.Action("
        BindZonesOnBU ", "
        mycontroller ")",
        data: "{BUIds:" + bu + "}",

        success: function(Result) {
            debugger;
            var data = Result;
            $("#ddlZone").html("");

            $.each(Result, function(key, value) {
                $("#ddlZone").append($("<option></option>").val(value.Value).html(value.Text));
            });

        }

    });
}

但我没有看到第二个下拉选项列表中的任何变化。

我尝试过使用

$("#ddlZone").multiselect("rebuild");

正如其中一个SO问题中所建议的那样。但没有成功。

如果有人可以指导我朝着正确的方向前进，那就太棒了。

Answer 1

试试此代码

        $.each(Result, function (key, value) {
            $("#ddlZone").append($("<option value="+value.Value+">"+value.Text+"</option>");
        });
$('#ddlZone').multiselect( 'refresh' );

根据另一个下拉选项如何将新选项附加到bootstrap-multiselect下拉列表？

1 个答案: