 
      
      
    2020-3-12 seo達(dá)人
bootstrap-multiselect動(dòng)態(tài)加載數(shù)據(jù),首先要引用bootstrap-multiselect.css和bootstrap-multiselect.js
<select id="demo" name="demo"  multiple></select>
JS代碼
$("#demo").multiselect({
 // 自定義參數(shù),按自己需求定義
 nonSelectedText : '--請(qǐng)選擇--',
 inheritClass : true,
 maxHeight : 350,
 includeSelectAllOption : true,
 numberDisplayed : 5,
 //下拉回調(diào)函數(shù) 
 onDropdownShow : function(event) {
 $.ajax({
 url : "${ctx}/xx/xx",
 async : false,
 type : "get",
 dataType : "json",
 success : function(data) {
 var mark = new Array();
 for (var i = 0; i < data.length; i++) {
 mark.push({
 value : data[i].markId,
 label : data[i].markName
 
 });
 }
 $("#demo").multiselect('dataprovider', mark);
 }
 })
 },
 });
獲取選中的值的集合
var selectList = $('#demo option:selected');
1
遍歷集合得到選中的value和label
for (var i = 0; i < selectList.length; i++) {
 value = siteList[i].value;
 label = siteList[i].label;
 
}
希望這篇文章可以幫助到你
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.chenguixiang.net