bootstrap-multiselect.js多選下拉框默認值設置
1、案例數據格式 
javascript
2、HTML代碼html
<select id="msgRoles" multiple="multiple" class="validate[required]"></select>
- 1
3、原始數據加載方法java
//複選下拉框 function loadMultiSelect(id, data) { var html = ''; for (var i = 0; i < data.length; i++) { html += "<option value='" + data[i].value + "'>" + data[i].text+ "</option>"; } $("#" + id).html(html); }
4、重寫數據加載方法（可判斷初始化默認選中數據）bootstrap
5、案例圖 jQueryAjaxAsync("/systemRoleAction/roleListbox",null, function(res) { var Data = JSON.parse(res); console.log(Data) //註釋了原有加載下拉框的方法 // loadMultiSelect("msgRoles", Data); var myMap = new Map(); for(var j=0;j<Data.length;j++){ //塞入鍵值對 myMap.set(Data[j].text,Data[j].value); } console.log(myMap); var mm=[]; myMap.forEach(function(value, key) { //此部分應該獲取後臺初始選中的值，進行判斷，給其加上selected:true屬性 if(value==100003 || value==100004){//寫死的數據 mm.push({label:key,value:value,selected:true}) }else { mm.push({label:key,value:value}); } }) console.log(mm); $("#msgRoles").multiselect('dataprovider', mm); $("#msgRoles").multiselect({ buttonWidth : '30%', maxHeight : 150 }); $('#msgRoles').multiselect('refresh');