bootstrap-multiselect動態(tài)加載數(shù)據(jù)

2020-3-12    seo達(dá)人

bootstrap-multiselect動態(tài)加載數(shù)據(jù)，首先要引用bootstrap-multiselect.css和bootstrap-multiselect.js



<select id="demo" name="demo"  multiple></select>



JS代碼



$("#demo").multiselect({

// 自定義參數(shù)，按自己需求定義

nonSelectedText : '--請選擇--',

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;



}



希望這篇文章可以幫助到你


分享本文至：

日歷

鏈接

個人資料

存檔