bootstrap-multiselect动态加载数据 - 蓝蓝设计_UI设计公司

帝皇彩票官网

bootstrap-multiselect动态加载数据

2020-3-12 释然 前端及开发文章及欣赏

bootstrap-multiselect动态加载数据,首先要引用bootstrap-multiselect.css和bootstrap-multiselect.js

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

JS代码

$("#demo").multiselect({
// 自定义参数,按自己需求定义
nonSelectedText : '--请选择--',
inheritClass : true,
maxHeight : 350,
includeSelectAllOption : true,
numberDisplayed : 5,
//下拉回调函数 
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;

}

希望这篇文章可以帮助到你

标签: 帝皇彩票官网bootstrap-multiselect动态加载数据

Powered by sitemap
平安彩票是真的吗 帝皇彩票 博发彩票开户 广西快3 全民彩票 大象彩票登入 状元彩票平台 澳彩网彩票注册 状元彩票开奖 亚洲彩票