十五、bootstrap-select的使用方法

发布时间：2020-12-17 20:52:42 所属栏目：安全来源：网络整理

导读：参考来源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

参考来源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) });

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!