码迷,mamicode.com
首页 > 其他好文 > 详细

十五、bootstrap-select的使用方法

时间:2018-06-07 14:32:12      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:div   string   multi   一个个   func   user   highlight   name   boot   

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

  

 

十五、bootstrap-select的使用方法

标签:div   string   multi   一个个   func   user   highlight   name   boot   

原文地址:https://www.cnblogs.com/deng-jie/p/9149894.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!