Select2给你一个可定制的选择框,支持搜索、标签、远程数据集，无限滚动和许多其他高度使用的选项。内置40种以上的语言，使用AJAX可以有效地搜索大型项目的列表。可以轻松地你想要的效果，对现代浏览器能够很好的支持（兼容ie8以上），在Bootstrap3以上版本使用，实现更加美观的效果。

1、引入select2：

下面我来介绍一下如何使用该插件，Select2托管cdnjs和jsDelivr cdn，允许您快速引用Select2在你的网站上。引入如下js和css即可快速使用：

在<select>元素上初始化Select2：

当然你也可以下载select2到本地使用，下载后引入相应的js和css即可，下载地址如下：

https://github.com/select2/select2/tags

2、最简单的使用：

最简单的使用，在<select>元素中添加<option>元素，再初始化select2就可以实现以下效果：

3、远程获取数据：

Select2带有内置的AJAX支持,使用jQuery的AJAX方法。

3、多项选择：

在<select>元素上加上multiple属性就可以创建为多选下拉框，在js中初始化时，还可以配置最多选多少个等设置。

还有很多功能就不一一介绍了，详情请查看api文档：

https://select2.org/configuration/options-api

还有更多的功能等待你去发现，如国际化、动态加载选项、搜索、占位符等，唯一的不足我觉得差一个像百度搜索一样的功能，现在只能返回选中的数据，而不能是自定义输入的数据。