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

所属分类:输入-选择框

 64582  408  查看评论 (48)
分享到微信朋友圈
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() 获取选择框的值

相关插件-选择框

jQuery模拟多选框(checkbox)

jQuery模拟多选框(checkbox)
  选择框
 38090  359

省,市,县三级联动完整版

本插件在多位前辈的基础上经过改良,现已功能齐全,支持编辑 查看功能 支持多款主流浏览器,
  选择框
 62749  468

js模拟ios联动插件iosselect

html下拉菜单select在安卓和IOS下表现不一样,iosselect正是为统一下拉菜单样式而生
  选择框
 32306  360

bootstrap下拉列表插件

bootstrap插件一款基于jquery bootstrap的下拉列表插件 ,有很多样式的下拉框
  选择框
 63488  498

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

    意识 0
    2023/11/8 9:50:20
    ?望蓝天白云 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

        额,知道了。

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