首页 > 其他 > 详细

十五、bootstrap-select的使用方法

时间:2018-06-07 13:46:05      阅读:171      评论:0      收藏:0      [点我收藏+]

参考来源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的使用方法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!