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 属性

Multi-Select(select多选) 官网

简单示例

公共方法

Typeahead(搜索建议提示) 官网

基本

建议提示

异步加载

样式

cxSelect (级联选择) 官网

国内省市区联动

设置默认值及选项标题

全球主要国家城市联动

自定义选项