bootstrap-multiselect动态加载数据

2020-3-12    seo达人

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;



}



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


分享本文至：
« CSS 几个特殊的函数 彻底解决小程序无法触发SESSION问题 »

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档