99久久精品国产高清一区二区|91色综合|久久久久97国产|亚洲精品WWW久久久久久|99热这里只有成人精品国产|亚洲国产欧美目韩成人综合|国产一区二区三区精品视频|久久久久国产精品麻豆|亚洲综合精品香蕉久久网97|日韩一区国产二区欧美三区|中文字幕一区婷婷久久|亚洲精品中文字幕久久久久下载

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

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;



}



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


日歷

鏈接

個(gè)人資料

存檔