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

所属分类:输入-选择框

 71923  414  查看评论 (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() 获取选择框的值

相关插件-选择框

移动端城市搜索选择(原创)

原创,代码简单易修改。类仿大众点评选择城市的部分,只是部分不必要功能没有。有备注!json可修改!
  选择框
 28085  324

仿造中国移动商城联动筛选特效

商城筛选特效,分类页
  选择框
 44883  483

jQuery省市联动、下拉框表单美化

jQuery个人信息表单,联动、下拉框表单美化
  选择框
 44820  405

移动端城市选择

手机移动端城市选择
  选择框
 59984  495

讨论这个项目(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

        额,知道了。

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