我有一个引导多选下拉框,它通过 AJAX 填充。当我从 AJAX 获取值时,我无法填充多选下拉列表。我有另一个正常的下拉列表,它使用相同的 AJAX 函数,并且它会被填充。我错过了什么吗?
我确实检查了这个链接,但它对我不起作用 Adding form elements dynamically to Bootstrap multiselect library
这是 HTML
var lstValue = "";
<select id='sellstValue" + obj.id + "' class='lstvalue' hidden='hidden'>" + lstValue + "</select>
这是我的 AJAX 代码
var lstvalue = $('#' + rowId).find('.lstvalue').prop('id');
$.ajax({
cache: false,
url: '@Url.Action("PopulateDropdown", "AdvancedSearch")',
type: "POST",
data: { Field: field }
}).done(function (data) {
console.log(data.value)
var listb = $('#' + lstvalue);
listb.empty();
$.each(data.value, function (index, value) {
listb.append($('<option>', {
value: value,
text: value
}, '<option/>'))
});
console.log($('#' + lstvalue))
});
$('#' + lstvalue).attr('multiple', 'multiple');
$('#' + lstvalue).multiselect();
我检查了 console.log($('#' + lstvalue)) 的控制台输出,这给了我预期的结果。
最佳答案
我不确定为什么会这样,但在我的 AJAX 调用中添加“async: false”有助于解决这个问题。
关于javascript - Bootstrap 多选未填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39794689/