多选显示 dom 中的下拉值但未显示在网页上

Question

我正在尝试显示带有多选复选框的下拉菜单，为了实现这一点，我使用了多选 jquery 插件

html

<select class="searchfield" multiple="multiple" id="s0-billingStatus"/>

js

$('#s0-billingStatus').multiselect({
                            columns: 1,
                            onLoad: billingStatus(id);
                        });

function billingStatus(id){
    **<<AJAX CALL and resultContent is having data >>**

           resultContent.billingStatusList.forEach(function(billing) {
             $("#s0-billingStatus").append('<option value="' + billing.billingStatusValue + '">' + billing.billingStatus + '</option>');
        });

         $("#s0-billingStatus").multiselect('rebuild');
}

我可以看到 dom 元素中填充了选项，但是 ms-options 和 ms-list 是空的，因为选项没有填充

我希望在下拉列表中显示复选框和选项像下面的图片

Answer 1

我发现了问题，在这里发布解决方案以备不时之需，我们必须在 ajax 调用完成后才调用 multiselect。

$('#s0-billingStatus').multiselect({
                columns: 1
            });

多选显示 dom 中的下拉值但未显示在网页上

Multiselect showing dropdown values in dom but not displayed at web page

javascript

ajax

jquery

multi-select