select控件(JS部分依赖)

本站对此插件做了 CSSJS 的分离,直接将其复制到自己项目中,酌情调用,经测试正常无误。
可用拼音首字母进行查询
可用拼音首字母进行查询
有默认的初始城市
没有默认初始值
默认省(直辖市)

使用说明:

  1. 请确定已经引入了 select2.cssselect2.min.js

  2. 给select加class或id

    1. <select class="select" data-search="true" multiple="multiple" style="width: 100%;">
    2. <option></option>
    3. <option value="2">测试</option>
    4. ...
    5. <select>

    select默认情况下,下拉时是有搜索框的,如果不要搜索框可以加上 data-search="true"
    如果要多选,须要加上 multiple="multiple";最好可以去掉 data-search="true",因为多选时,默认就有搜索功能

  3. 调用select

    1. $(e).select2({
    2. placeholder: '请选择'
    3. });

    e:为select的class或id
    placeholder:为空时显示的文字;必须在select下第一个加空的 <option></option>
    详情可查看本示例源码和common.js文件的select2部分

  4. 执行清空

    当要清空时,要保证select下面没有空的 <option></option>,否则select上会出现没有值的 X

注意 如果想了解更多select2插件参数信息,可参考官方网站:Select2官网