十五、bootstrap-select的使用方法

参考来源https://www.cnblogs.com/nianyifenzhizuo/p/8119462.html

需要的css和js

<link rel="stylesheet" href="css/bootstrap-select.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />

<script src="js/jquery-1.11.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>

　　

html中的代码：

title为默认显示的内容

+'<select class="selectpicker" multiple data-live-search="true" title="'+paramVal +'" id="apply">' +'</select>'

function zl(data){
    	console.log(data);
        var msg = data.billUser;
        //行业name
　　　　//这是一个数组，直接获取就行，不用一个个的拿出来
        paramVal = msg.industry_name;
        console.log(paramVal)

　　以下两句话必不可少

　　如果一个页面里面用了多个多选，对象不能是$(".selectpicker"),要具体到每个对象

$(".selectpicker").selectpicker("refresh");
$(".selectpicker").selectpicker("render");

　　选中事件（每点击一个会自动将value的值放入数组中）

$(".selectpicker").on('changed.bs.select',function(e){ //选中的value值，会自动添加到数组中
 var induAll = $(this).val(); //数组
 indusJson = JSON.stringify(induAll);//转换成json格式的字符串

 console.log(indusJson)
 console.log(typeof indusJson) });