Как задать параметры для многоселекторного раскрывающегося списка jQuery

Question

Я пытаюсь создать раскрывающийся список диафрагмы.

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

});