如何刷新js-select(multiselect)?
How to refresh js-select(multiselect)?
这是我的下拉列表
@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
class 但不使用那个 class,它工作正常。
请给出解决方案,以便我可以使用 js-select
要刷新 js-select 在循环后使用以下代码
$('select#users').multiselect("refresh").multiselect('rebuild');
这是我的下拉列表
@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
class 但不使用那个 class,它工作正常。
请给出解决方案,以便我可以使用 js-select
要刷新 js-select 在循环后使用以下代码
$('select#users').multiselect("refresh").multiselect('rebuild');