如何为多选择下拉jquery提供选项

Question

我试图创建多选择下拉动态。

<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

试试下面的代码。还包括引导-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");   

});