jQuery select下拉城市选择插件

jQuery select下拉城市选择插件

收藏
jQuery select下拉城市选择插件
jQuery select下拉框选择插件,默认设置城市数据列表选择,支持单选/多选,带输入框搜索筛选功能。这是一款select下拉框美化和下拉城市选择插件。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 迷茫
  • 上传时间 6年前

使用方法:

1、head引入js文件

<script src="js/jquery.min.js"></script>

2、body引入HTML代码

<div>
    <h5>单选</h5>
    <select name="search" id="search" data-selector>
        <option value="">请选择</option>
    </select>
</div>


<div>
    <h5>多选</h5>
    <select name="searchs" id="searchs" data-selector data-selector-checks="true">
        <option value="">请选择</option>
    </select>
</div>

<script src="js/area.js"></script><!--所有城市数据-->
<script src="js/select.js"></script><!--默认调用方法-->
<script src="verSelector/verSelect.js"></script><!--封装插件-->
<script>
    new verSelector(); //启动插件
</script>

3、设置单选和多选


select属性添加单选:data-selector

select属性添加多选:data-selector data-selector-checks="true"

使用声明

1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。