jQuery多选和单选下拉框插件select.js(原创)

所属分类:输入-选择框

 67318  411  查看评论 (49)
分享到微信朋友圈
X
jQuery多选和单选下拉框插件select.js(原创) ie兼容8

使用方法

第一步,引用jquery和select.js

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/select.js"></script>

第二步,html

 <div id="mySelect"  ></div>

第三步,js

var mySelect = $("#mySelect").mySelect({
    mult: true, //true为多选,false为单选
    option: [ //选项数据
        {
            label: "选项1",
            value: 0
        },
        {
            label: "选项2",
            value: 1
        },
        {
            label: "选项3",
            value: 2
        },
        {
            label: "选项4",
            value: 3
        },
        {
            label: "选项5",
            value: 4
        },
        {
            label: "选项6",
            value: 5
        }
    ],
    onChange: function(res) { //选择框值变化返回结果
        console.log(res)
    }
});

说明:通过mySelect.getResult() 获取选择框的值

相关插件-选择框

强大的下拉框美化插件

Select2是一款基于jQuery的专门针对下拉框的美化插件
  选择框
 53243  350

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

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

jQuery自定义下拉框插件dropdown.js

jquery.down.js用于替代原生,可自定义down的样式,支持键盘事件
  选择框
 31283  309

jQuery移动端城市选择插件

jQuery移动端城市选择插件支持按字母快速定位。
  选择框
 60717  392

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

    意识 0
    2023/11/8 9:50:20
    非常好用
        P0
        2024/9/18 12:53:35
        的确不错
    回复
    ?望蓝天白云 0
    2022/6/13 15:15:18
    如何获取选中的中文标题
        0
        2023/10/31 14:16:42
        innerHTML
    回复
    唯爱mhysys 0
    2021/10/18 19:23:21
    怎么动态加载下拉选项了?
        YQ0
        2022/3/1 20:33:17
        应该是的
    回复
    洋葱java 0
    2021/6/21 9:54:43
    我动态加载,怎么动态渲染?
        严丶先森0
        2021/10/7 10:45:26
        如何重新渲染的哇
    回复
    ^_^ 0
    2020/7/23 9:18:02
    为什么我下载下来的就可以用,但是放到项目里就有问题,options里面写不了函数
    回复
    ☆烈日下的☆摩天轮☆ 0
    2019/12/9 15:35:14
    怎么设置placeholder
        zhenglide1
        2020/7/2 11:21:46
        用css3伪类选择器 类名:placeholder { //样式} 这样就可以设置样式
    回复
    pray 0
    2019/9/23 12:50:58
    怎样限制多选的条数呢 回复
    王武阳 0
    2019/8/28 10:25:32
    怎么动态加载数据,和其他控件联动 回复
    轩猪ヤ粉红小居 0
    2019/7/17 19:09:45
    西野 0
    2019/6/24 14:48:28

    如果一个页面有多个多选框,怎么获得呀。哥哥。
    我试过

    $('#id').mySelect.getResult()

    不行

        西野0
        2019/6/24 14:50:50

        额,知道了。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复