Select 2(select扩展及美化) 官网
基本
data-plugin="select2"
选项分组
multiple
占位符
data-placeholder="请选择品牌"
最少选择项
data-minimum-input-length=""
禁用
disabled
颜色
可通过添加
.select2-primary
,
.select2-success
,
.select2-info
,
.select2-waring
,
.select2-danger
来改变其颜色
Bootstrap Select(select扩展及美化) 官网
基本
也可以使用分组
可以使用
.show-tick
来为
select
添加选中图标
可以通过
.show-menu-arrow
让下拉列表显示箭头
样式
可以通过
data-style
属性改变其样式
选择多个
可以通过
data-max-option
属性设置最大选中项,也可以用于分组
选中项显示格式
可以使用
data-selected-text-format
属性 来指定
multiple select
选中项如何显示
即时搜索
可以使用
data-live-search="true"
属性来实现即时搜索
标题转换
可以使用
title
来改变选中项的显示标题
选项分割线
可以通过添加
data-divider="true"
的
<option>
来实现
选项图标
为选项或者分组项添加
data-icon
属性
选项副标题
为选项或者分组项添加
data-subtext
属性