Bootstrap 多选未填充

Question

我有一个 bootstrap 多选下拉框，它通过 AJAX 填充。当我从 AJAX 获取值时，我无法填充多选下拉列表。我有另一个正常的下拉菜单，它使用相同的 AJAX 函数并且它被填充。我错过了什么吗？

我确实检查了这个 link 对我不起作用 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)) 的控制台输出，它给出了预期的结果。

Answer 1

我不确定为什么会这样，但在我的 AJAX 调用中添加 'async: false' 有助于解决问题。

Bootstrap 多选未填充

Bootstrap multiselect not populating

javascript

jquery

bootstrap-multiselect