素材牛

jQuery下拉框多选插件verSelector.js

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

 浏览:128次-  下载:0次-  评论:3次-  发布时间:2019-03-14
jQuery下拉框多选插件verSelector.js兼容IE9
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
项目地址(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

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

溜溜没
2019年03月16日

谢谢分享

回复
最后的一滴泪
2019年03月18日

不是我想要的

回复
兰草之乡
2019年04月14日

谢谢,但是不是我想要的

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

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证