素材牛VIP会员

jQuery下拉框多选插件verSelector.js

 所属分类:网页特效-输入/选择框/联动

 浏览:1590次  评论:4次  更新时间:2019-03-14
牛币素材VIP可免积分下载
jQuery下拉框多选插件verSelector.js兼容IE9
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
项目地址(website):https://github.com/xingkong1993/verSelector
素材描述:verSelector.js是一款select下拉框多选与关键字筛选插件,解决了select控件不支持多选及搜索筛选的问题。
 标签:筛选下拉多选

详细介绍

verSelector.js 1.0

一、使用须知:

verSelector.js是一款select下拉框多选与关键字筛选插件,解决了select控件不支持多选及搜索筛选的问题

二、方法介绍

使用verSelector.js只需在js中new一个既可以使用,如下面实例:

new verSelector();
<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>

三、属性说明

1, data参数

    • data-selector:插件关键字,在select中加入该关键字同时实例插件即可支持搜索相关关键词选择

    • data-selector-checks:多选关键词,加入关键词且赋值为true即可支持多选搜索条件,在加入此关键词之前需要加入data-selector关键词

2, IE浏览器暂时支持9.0以上版本使用

文件目录结构

  • asset
    • js
      • ┝ area.js
      • ┝ jquery.min.js
      • ┝ select.js
  • ┝ index.html
  • verSelector
    • need
      • ┝ iconfont.eot
      • ┝ iconfont.svg
      • ┝ iconfont.ttf
      • ┝ iconfont.woff
      • ┝ iconfont.woff2
      • ┝ select.css
      • ┝ vericon.css
    • ┝ verSelect.js

相关素材 - 输入/选择框/联动

讨论这个素材(4)回答他人问题或分享使用心得会奖励牛币

溜***没  
2019年03月16日

谢谢分享

回复
最***泪  
2019年03月18日

不是我想要的

回复
兰***乡  
2019年04月14日

谢谢,但是不是我想要的

回复
艺***技  
2020年03月27日

谢谢!不错!

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)