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

所属分类:输入-选择框

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

相关插件-选择框

vue选择检索国家页面模板(原创)

vue.js基于json异步调用可选择并且可以通过国家名称和手机区号进行检索相应的国家,并且有中文、日语、英语、越南语、韩语、五种语言,这些语言的显示是根据游览器语言而定。代码比较容易理解,用起来很方便。(支持多语言自适应手机和网站)
  选择框
 22864  271

jQuery多选带搜索

input多选搜索样式用的layui.css不喜欢的可自己调。其他JQ
  选择框
 32635  323

jQuery国籍选择器(包含国籍代码)

jQuery国籍选择,数据是全的,排过序
  选择框
 29336  310

jQuery移动端城市选择插件

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

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

        额,知道了。

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