如何为多选下拉菜单提供选项 jquery

Question

我正在尝试动态创建多select 下拉列表。

Html

<select id="impact-report-type-filter-input" name="impact-report-type-filter-input" multiple='multiple'>

jQuery

$("#impact-report-type-filter-input").multiselect({
    noneSelectedText: '',
    minWidth: 165,
    header: "Select Recipient(s)",
});

//in other function im trying this for options

var filterList = data.filterList;  // ["1495cat", "Category Test","Labour", "New Law 1", "testing"]
//var filterString = filterList.toString();
//var dataArray = filterString.split(",");
//var data1="1,2,3,4";
//Make an array
//var dataarray=data1.split(",");
$("#impact-report-type-filter-input").val(dataarray);//filterList);
$("#impact-report-type-filter-input").multiselect("refresh");

但是我在下拉列表中没有任何选项，请参考图片

Answer 1

试试下面的代码。包括 bootstrap-multiselect.css 也

$(document).ready(function() {
    //in other function i'm trying this for options
$("#impact-report-type-filter-input").multiselect({
    noneSelectedText: '',
    minWidth: 165,
    header: "Select Recipient(s)",
});
var filterList = ["1495cat", "Category Test","Labour", "New Law 1", "testing"];  // 

for(f in filterList){
    $('#impact-report-type-filter-input').append($('<option>', {
         value: filterList[f],
         text:  filterList[f]
    }));
}
$("#impact-report-type-filter-input").multiselect("refresh");   

});

如何为多选下拉菜单提供选项 jquery

How to give options to multiselect dropdown jquery

jquery

multi-select

dropdown