jQuery下拉多选插件ySelect.js

所属分类:输入-选择框

 60859  368  查看评论 (77)
分享到微信朋友圈
X
jQuery下拉多选插件ySelect.js ie兼容8

使用方法

引入常用引用

<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/ySelect.css" rel="stylesheet" type="text/css">

其中font-awesome是非必须的

html代码

<select id='m1'  multiple="multiple" >
    <option value="1">文本</option>
</select>

*注意 在select中加入 multiple="multiple" ,其中<optgroup label="组"></optgroup>是被支持的.

javascript代码

你可以直接用默认模板来生成下拉

$('.demo').ySelect();

你也可以自定义参数

$('.demo1').ySelect(
    {
        placeholder: '请先选择一些项目',
        searchText: '搜索',
        showSearch: true,
        numDisplayed: 4,
        overflowText: '已选中 {n}项'
    }
);

参数说明

  • placeholder:选择框占位符

  • searchText:下拉搜索占位符

  • showSearch:显示搜索 (true/false)

  • numDisplayed:超出数量整合

  • overflowText:超出数量整合文本提示,{n}为数量

相关插件-选择框

jQuery仿京东移动端地址

jQuery移动端中国省市县级联插件
  选择框
 45451  426

jQuery多级联动插件(单选多选)tntreebox插件

tntreebox实现多级联动一级单选二级三级多选
  选择框
 36756  337

jquery各大学选择插件

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

全国多级联动下拉菜单(原创)

基于mobile.js的全国多级移动端联动下拉菜单
  选择框
 36280  386

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

    ?‘Childish love ruthles 0
    2024/3/1 18:11:18
    北七 0
    2023/5/19 17:41:29
    $(...).ySelect is not a function,我加到我的代码里报的错误,这个是啥问题啊 回复
    1a7. 0
    2023/2/8 12:52:34
    翻跟头 0
    2022/9/5 10:55:47
    翻页的时候 会重新加载,请问怎么解决 回复
    0
    2022/4/28 15:00:00
    不错是我想要的效果,感谢 回复
    ffdy 0
    2022/4/6 8:28:19
    怎样让我下载一个ySelect.js 回复
    wangljr 0
    2022/1/29 14:30:33
    怎么实现初始化一些值,让它加载的时候就选中某些选项呢? 回复
    蓝色天空 0
    2021/7/21 12:32:45
    单选怎么重置,总是默认选择第一个
        相见0
        2021/12/17 14:35:04
        配置js
        大杰不过如此0
        2022/2/14 13:52:44
        js中设置
    回复
    Faywool 0
    2021/6/28 17:37:06
    大佬?为什么$("#sl_ProductLine").reload();,报错:TypeError: $(...).reload is not a function呢?
    之前已经初始化了。我只是修改了select里面的option的元素。想重新加载刷新一下的。
        Faywool0
        2021/6/29 9:58:57
        已解决了。传入参数$("#sl_ProductLine").ySelect('reload');。我自己依葫芦画瓢弄了个refresh😀
        兽人术士吴彦祖0
        2021/7/10 21:45:31
        大佬 怎么做到用一个reset按钮去重置选中的下拉框呢🌙
    回复
    新的世界 0
    2021/5/27 13:50:58
    一个页面中国 多有个下拉框,执行之后 ,所有的下拉框的数据都是最后一个,请问这个页面中只能执行一次吗?后面的会覆盖前面的吗? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复