jQuery下拉框可搜索 全选反选

所属分类:输入-选择框

 2767  24  查看评论 (3)
分享到微信朋友圈
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  对之前搜索及全选反选功能做了优化,使其利用价值最大化; 

相关插件-选择框

jquery城市选择

使用jquery简单制作的城市选择,学起来很简单,功能还不够完善。
  选择框
 32908  282

jQuery国籍选择器(包含国籍代码)

jQuery国籍选择,数据是全的,排过序
  选择框
 22870  258

jQuery世界地区三级联动

jQuery世界地区三级联动带搜索功能
  选择框
 36454  314
  选择框
 54626  445

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

    DonVictor 0
    2021/1/20 8:51:16
    不能动态加载数据 回复
    linx小超人 0
    2020/12/7 18:56:16
    有个小问题 有一个单选下拉狂和一个多选下拉框时,设置了默认值,如果先点击多选下拉框改变值,它会自动清空单选和多选的默认值😀 回复
    linx小超人 0
    2020/12/7 18:29:57
    请问如何设置默认值呢😀 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复