CSS
和 JS
的分离,直接将其复制到自己项目中,酌情调用,经测试正常无误。请确定已经引入了 select2.css
和 select2.min.js
给select加class或id
- <select class="select" data-search="true" multiple="multiple" style="width: 100%;">
- <option></option>
- <option value="2">测试</option>
- ...
- <select>
select默认情况下,下拉时是有搜索框的,如果不要搜索框可以加上 data-search="true"
如果要多选,须要加上 multiple="multiple"
;最好可以去掉 ,因为多选时,默认就有搜索功能
data-search="true"
调用select
- $(e).select2({
- placeholder: '请选择'
- });
e
:为select的class或id
placeholder
:为空时显示的文字;必须在select下第一个加空的 <option></option>
详情可查看本示例源码和common.js文件的select2
部分
执行清空
当要清空时,要保证select下面没有空的 <option></option>
,否则select上会出现没有值的 X
注意 如果想了解更多select2插件参数信息,可参考官方网站:Select2官网