Bootstrap select多选下拉框实现代码

前言

项目中要实现多选，就想到用插件，选择了bootstrap-select。

附上官网api链接，http://silviomoreto.github.io/bootstrap-select/.

没有中文的。对付看吧。有机会每个方法实践一下，会总结的。我自己也等着呢。

需要引用的它们

核心选项

官网有的，期待翻译。。。

核心方法

官网有的，期待翻译。。。

实例应用

bootstrap布局后，select多选代码如下

    客资类型：
    
    
     苹果
     菠萝
     香蕉
     火龙果
     梨子
     草莓
     哈密瓜
     椰子
     猕猴桃
     桃子
    
    
    

js代码：

$(window).on('load', function () {
 $('#usertype').selectpicker({
 'selectedText': 'cat'
 });
});

页面效果：

选择后的效果如下：

获取值， $("#XXX").val()即可

回显操作：

用方法 $('.selectpicker').selectpicker('val', 'Mustard'); 

Mustard处填入数组。代码如下：

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。