Bootstrap Multiselect未填充

Question

I have a bootstrap multiselect dropdown box which gets populated through AJAX. While I am getting the value from the AJAX I am not able to populate the multiselect dropdown. I have another normal dropdown which uses the same AJAX function and it gets populated. Am I missing something?

I did check this link which did not work for me Adding form elements dynamically to Bootstrap multiselect library

This is the HTML

var lstValue = "";
<select id='sellstValue" + obj.id + "' class='lstvalue' hidden='hidden'>" + lstValue + "</select>

This is my AJAX code

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();

I checked the console output of console.log($('#' + lstvalue)) which gives me the expected result.

Answer 1

我不确定为什么这行得通，但是在我的AJAX调用中添加'async：false'可以帮助解决它。