UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery多选和单选下拉框插件select.js（原创）

所属分类：输入-选择框

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

相关插件-选择框
查看更多

jQuery移动端城市二级联动

 这是一个移动端省市选择的插件，因为弹框基于右侧滑动滑动显示弹出，用户体验好
  选择框
 29192  284

jQuery原创全国省份城市学校三级联动下拉列表

 国内所有高校，按着省份，城市，学校，三级联动下拉列表。更能方便选择学校，学校为最新最全!!!!
  选择框
 31906  341

jQuery手机端地区选择插件，三级联动省市区选择

 areajs地区选择器，手机端地区选择器，省市区选择器
  选择框
 10064  77

JQ省市区三级联动选择插件

 JQ省市区三级联动选择插件
  选择框
 153088  492

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

        额，知道了。

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复