如何刷新 js-select（多选）？

Question

这是我的下拉菜单

@Html.DropDownList("users", null, "Display All", new { @class ="form-control js-select", Id = "users" })

这就是，我想做的事

 $('#site').change(function () {
        $.ajax({
            type: "GET",
            url: '@Url.Action("GetUserBySite", "Experiment")',
            data: { site: $('#site').val() },
            dataType: "json",
            success: function (j) {
                console.log(j);

                $('select#users').empty();
                $.each(j, function (i, obj) {
                    var div_data = "<option value=" + obj.Value + ">" + obj.Text + "</option>";
                    $('select#users').append(div_data);

                });


            },
            error: function () {
                alert("something went wrong" );
            }
        });
    });

所以我想根据站点下拉选择更改用户下拉列表的数据。如果我不使用带有下拉菜单的js-select 类但不使用该类，它工作正常。 请给出解决方案，以便我可以使用js-select

Answer 1

要刷新 js-select 在循环后使用以下代码

  $('select#users').multiselect("refresh").multiselect('rebuild');