基于另一个下拉选择如何将新选项附加到引导多选下拉列表？

Question

我有两个引导多选下拉菜单。在选择第一个下拉列表时，我必须绑定第二个下拉列表的下拉列表。

所以我通过发送第一个下拉列表选择的选项来使用 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' );