bootstrap-select 滚轴_bootstrap-select简单使用

引入文件

html初始化

Select单选：

如果没有设置选中项，默认选中第一个option。如设置了tiltle属性，则显示title属性内容，不会默认选中。

....

效果：

添加样式：data-style="class名"

...

效果：

添加检索：data-live-search="true"

....

效果：

Select多选：

添加“multiple” 设置为多选，并且设置最多能选择2项 data-max-options="2"

...

效果：

添加检索：data-live-search="true"

设置检索placeholder属性：data-live-search-placeholder="搜索"

添加“全选/反选” 功能按钮 data-actions-box="true"

option1

option2

option3

option4

option1

option2

option3

option4

option1

option2

option3

option4

效果：

js初始化,设置选定的值

$('.selectpicker').selectpicker('val','mustard');

$('.selectpicker').selectpicker('val',['mustard','relish']);

更新UI

$('.selectpicker').selectpicker('refresh');

选中事件

$('.selectpicker').on('changed.bs.select',function(e){

});

更多用法，请查阅 http://silviomoreto.github.io/bootstrap-select/