单选下拉效果

Select2 可以定制成下面的效果...

Alaska Hawaii California Nevada Oregon Washington Arizona Colorado Idaho Montana Nebraska New Mexico North Dakota Utah Wyoming Alabama Arkansas Illinois Iowa Kansas Kentucky Louisiana Minnesota Mississippi Missouri Oklahoma South Dakota Texas Tennessee Wisconsin Connecticut Delaware Florida Georgia Indiana Maine Maryland Massachusetts Michigan New Hampshire New Jersey New York North Carolina Ohio Pennsylvania Rhode Island South Carolina Vermont Virginia West Virginia

或者...

单选

Alaska Hawaii California Nevada Oregon Washington Arizona Colorado Idaho Montana Nebraska New Mexico North Dakota Utah Wyoming Alabama Arkansas Illinois Iowa Kansas Kentucky Louisiana Minnesota Mississippi Missouri Oklahoma South Dakota Texas Tennessee Wisconsin Connecticut Delaware Florida Georgia Indiana Maine Maryland Massachusetts Michigan New Hampshire New Jersey New York North Carolina Ohio Pennsylvania Rhode Island South Carolina Vermont Virginia West Virginia

多选

Alaska Hawaii California Nevada Oregon Washington Arizona Colorado Idaho Montana Nebraska New Mexico North Dakota Utah Wyoming Alabama Arkansas Illinois Iowa Kansas Kentucky Louisiana Minnesota Mississippi Missouri Oklahoma South Dakota Texas Tennessee Wisconsin Connecticut Delaware Florida Georgia Indiana Maine Maryland Massachusetts Michigan New Hampshire New Jersey New York North Carolina Ohio Pennsylvania Rhode Island South Carolina Vermont Virginia West Virginia

分组+图标

Alaska Hawaii California Nevada Oregon Washington Arizona Colorado Idaho Montana Nebraska New Mexico North Dakota Utah Wyoming Alabama Arkansas Illinois Iowa Kansas Kentucky Louisiana Minnesota Mississippi Missouri Oklahoma South Dakota Texas Tennessee Wisconsin Connecticut Delaware Florida Georgia Indiana Maine Maryland Massachusetts Michigan New Hampshire New Jersey New York North Carolina Ohio Pennsylvania Rhode Island South Carolina Vermont Virginia West Virginia

多选-分组-图标

Alaska Hawaii California Nevada Oregon Washington Arizona Colorado Idaho Montana Nebraska New Mexico North Dakota Utah Wyoming Alabama Arkansas Illinois Iowa Kansas Kentucky Louisiana Minnesota Mississippi Missouri Oklahoma South Dakota Texas Tennessee Wisconsin Connecticut Delaware Florida Georgia Indiana Maine Maryland Massachusetts Michigan New Hampshire New Jersey New York North Carolina Ohio Pennsylvania Rhode Island South Carolina Vermont Virginia West Virginia

---

加载数组(array)数据

Select2提供了一种方法，从一个局部数组加载数据。通过为所选值提供选项标记，您可以为数组数据提供初始选择，类似于如何为标准选择做选择。

单选

单选

重复

---

加载远程数据

Select2带有AJAX支持内置，使用jQuery的Ajax方法。在这个例子中，我们可以搜索使用GitHub的API库。

远程数据

日期范围选择器

日期和时间

单个日期选择器

预定义范围

 

日期选择器

日期选择器+图标

日期选择器+图标

日期范围选择器

to

Default Timepicker

24 Hours Timepicker

---

默认

设置颜色

---

自定义设置

---

支持透明度

水平模式

---

颜色别名支持

事件支持

修改背景颜色

在模态窗中显示

显示模态窗

默认

---

加后缀 (large)

带前缀

---

垂直效果

带自定义图标

---

按钮做后缀

按钮做前缀+加大尺寸

按钮组

操作 切换下拉菜单

• 操作
• 其他操作
• 其他的
• 分隔栏

ISBN 1

999-99-999-9999-9

ISBN 2

999 99 999 9999 9

ISBN 3

999/99/999/9999/9

---

IPV4

192.168.110.1

---

Phone

(999) 999-9999

Date

dd-mm-yyyy

开关

iOS 7 样式开关，模拟 checkboxes

多选 和 单选

选项

选项

选项

选项

---

内联多选

选项1 选项2 选项3

内联单选

选项1 选项2 选项3