jQuery下拉框可搜索 全选反选

所属分类:输入-选择框

 11249  78  查看评论 (12)
分享到微信朋友圈
X
jQuery下拉框可搜索 全选反选 ie兼容10

更新时间:2020-12-08 21:39:30

更新说明:修复搜索功能在火狐浏览器下使用搜孤输入法输入不了汉字的问题


更新时间:2020-11-25 01:26:25

DOM结构:

<select id='m2' class="demo1" multiple="multiple">  
    <option value="1">李白</option>  
    <option value="2">杜甫</option>  
    <option value="3">离殇</option> 
</select>

API: 

[1] 初始化:     

$('.demo1').ySelect({
    placeholder: '请选择',
    searchText: '搜索',
    showSearch: true,
    numDisplayed: 4,
    overflowText: '已选中 {n}项',
    isCheck: false,
    callback: function(data) {
        console.log(data)
    }
})

[2] 获取最后选择的值: 

$(".demo1").ySelectedValues()

[3] 清空值:

$(".demo1").reload()

[4] 单选(不加下面的属性)/多选(增加下面的属性)

multiple="multiple"

更新时间:2020-11-20 01:03:36

插件简介(ASelect.js): 增强版ySelect.js  对之前搜索及全选反选功能做了优化,使其利用价值最大化; 

相关插件-选择框

复选框全选反选取消(界面有点难看,但功能绝对OK)

可实现全选框全选反选取消等,选了可删除。需引用jqueryDOM结构浅显易改。
  选择框
 30247  330

jquery各大学选择插件

jquery text选择器点击事件弹出层选择学校value赋值
  选择框
 32101  348
  选择框
 33724  310

城市选择器,仿猎聘,支持多选,单选

城市选择器,仿猎聘,支持多选,单选
  选择框
 43278  421

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Coca Cola 0
    2022/3/27 10:10:38
    请问为什么我的没有全选反选按钮呢,是有什么配置项吗? 回复
    龙之吻 0
    2021/8/18 15:23:22
    单选时,在回调ySelect初始化的callback函数alert一下信息,多次点“清空" 按钮,有时有触发函数,有时没有,什么情况?? 回复
    龙之吻 0
    2021/8/13 15:46:23
    当为单选时,第一次调用$("#Id").ySelectedTexts(",");默认取到第一个选项的text。 回复
    雨恋晴空 0
    2021/3/11 9:58:49
    还有怎么监控它的变化事件?
        halloKitte0
        2021/3/21 22:58:56
        callback 不是有返回的值吗,你说的监控变化是指的哪些
        龙之吻0
        2021/8/18 15:24:32
        单选时,在回调ySelect初始化的callback函数alert一下信息,多次点“清空" 按钮,有时有触发函数,有时没有,什么情况??
    回复
    雨恋晴空 0
    2021/3/11 9:57:57
    如何控制最多选几个?我需要动态控制它可以选中多少个之后就不能再多选了
        halloKitte0
        2021/3/21 22:57:01
        这个功能还没有
    回复
    DonVictor 0
    2021/1/20 8:51:16
    不能动态加载数据
        halloKitte0
        2021/3/21 22:57:49
        动态加载是什么意思, 目前应该是可以渲染动态数据的
    回复
    linx小超人 0
    2020/12/7 18:56:16
    有个小问题 有一个单选下拉狂和一个多选下拉框时,设置了默认值,如果先点击多选下拉框改变值,它会自动清空单选和多选的默认值😀 回复
    linx小超人 0
    2020/12/7 18:29:57
    请问如何设置默认值呢😀 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复