Bootstrap-select多选下拉框插件

这个下拉框支持多选，而且是bootstrap风格，做出来的东西也比较美观。大家可以先看一下下面的演示图片。个人感觉还是很美的。近期抽时间回多多学习一下这个插件的使用。

使用方法

先附上一个官网的地址，感兴趣的可以去看一下
http://silviomoreto.github.io/bootstrap-select/

需要引入的js以及css

<!-- Latest compiled and minified CSS -->  
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">  
  
<!-- Latest compiled and minified JavaScript -->  
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>  
  
<!-- (Optional) Latest compiled and minified JavaScript translation files -->  
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/i18n/defaults-*.min.js"></script>

简单的使用

<select id="selectpicker1" class="selectpicker form-control" multiple data-live-search="false">  
<option value="0">苹果</option>  
<option value="0">菠萝</option>  
<option value="0">香蕉</option>  
<option value="0">哈密瓜</option>  
</select>

获取值

$("#XXX").val()

设置值

$("#selectpicker1").selectpicker({  
    'selectText':'苹果'  
});

其他操作

var str='3,4,5,6';  
   var arr=str.split(',');  
   $('#usertype').selectpicker('val', arr);