jQuery多选下拉菜单

所属分类:输入-选择框

 36842  307  查看评论 (13)
分享到微信朋友圈
X
jQuery多选下拉菜单 ie兼容8

更新时间:2018/8/24 下午4:33:43

更新说明:增加获取选中值的方法


通过这段代码进行初始化

var s2options_c4acac00 = {
    "themeCss": ".select2-container--krajee",
    "sizeCss": "",
    "doReset": true,
    "doToggle": true,
    "doOrder": false
};
window.select2_5eaa6d36 = {
    "theme": "krajee",
    "width": "100%",
    "placeholder": "请选择分类",
    "language": "zh-CN"
};

通过这段进行调用

if (jQuery('#w1').data('select2')) {
    jQuery('#w1').select2('destroy');
}
jQuery.when(jQuery('#w1').select2(select2_5eaa6d36)).done(initS2Loading('w1', 's2options_c4acac00'))
相关插件-选择框

jQuery下拉框美化插件

jQuery自定义select下拉框美化插件
  选择框
 40319  362

移动端vue切换城市带自动定位

vue.js定位后 选择其他城市进行切换,适用移动端
  选择框
 25436  308

jQuery仿美团APP筛选

jQuery条件筛选
  选择框
 43166  390

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

商城筛选特效,分类页
  选择框
 41952  480

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

    用户7442250568 0
    2020/11/5 14:13:00
    一旦赋值后就不能改变了,怎么才能实现多次赋值 回复
    罗衍 0
    2020/7/31 16:09:31
    赋值有点问题。 回复
    迷途小书童 0
    2020/4/25 14:48:35
    下蒌下?i的js css 文件 都用不了 怎麽揠? 回复
    . 0
    2019/10/24 18:05:39
    请问怎么限制它的选中数量?
        一抹&茶色阳光1
        2019/11/7 16:42:52
        maximumSelectionLength: 3  //最多能够选择的个数

        如:

        jQuery("#w1").select2({
            tags: true,
            maximumSelectionLength: 3 //最多能够选择的个数
        });
    回复
    安生 0
    2018/12/14 13:36:06
    怎么样给它赋值呀,大神
        安生0
        2018/12/14 13:38:26
        就是后台有一个值传过来,前台要给它选中
        板寸?1
        2019/7/22 15:23:27

        定义一个数组,将传来的值加入数组,然后调用.trigger("change")方法,将值赋给多选框的Value

        var mycars=new Array()
        mycars[0]="1"
        mycars[1]="2"
        mycars[2]="3"
        $("#w1").val(mycars).trigger("change");
    回复
    Love-Yoon? 0
    2018/11/20 15:47:21
    可以让它只能选择三个吗
    回复
    power~powerful 0
    2018/8/22 16:03:20
    如何获取最后选择的选项的值呢
        一抹&茶色阳光1
        2018/8/24 16:32:22

        select标签上有一个id 直接获取这个id 的

         $("#w1").val();

        就可以了,如代码:

        $("#Btn").click(function(){
            var val = $("#w1").val();
            alert(val);
        })
        柯?然0
        2019/9/19 16:07:11
        好像没有用诶
        柯?然0
        2019/9/19 16:22:28
        赋值的好像不行,获取值没问题
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复