jQuery移动端滑动省市选择

所属分类:输入,APP模板-选择框,其他

 10066  98  查看评论 (10)
分享到微信朋友圈
X
jQuery移动端滑动省市选择 ie兼容10

更新时间:2021-02-01 01:16:54

引入后可直接使用

相关插件-选择框,其他

zcity全国城市三级联动插件(原创)

zcity全国城市三级联动,模拟下拉框,样式完全自定义,可扩展多级联动;
  选择框
 32108  329

省市区三级联动

省市区三级联动,代码简洁
  选择框
 45258  388

复选框全选反选取消(界面有点难看,但功能绝对OK)

可实现全选框全选反选取消等,选了可删除。需引用jqueryDOM结构浅显易改。
  选择框
 31163  330

jQuery下拉多选插件ySelect.js

简单实用的jQuery多选插件ySelect.js,支持反选,搜索,分组。
  选择框
 61065  368

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

    sushenglong02 0
    2022/7/26 15:42:51
    js里面有关于时间的封装, 怎么使用的 回复
    dog and pig 0
    2022/6/19 13:15:08
    dog and pig 0
    2022/6/19 13:15:07
    空城 ?? 0
    2021/7/6 18:29:13
    挺好用的插件,非常感谢 回复
    轩华威 0
    2021/4/2 9:56:40
    你好,一个页面中使用了两个地区选择框,选择的地区不一样,再次点击后 默认选中的不匹配,这个怎么解决?
        0
        2021/6/17 9:01:33
        同求有没有解决
        ?ㄋ°彡0
        2022/5/9 17:10:13
        同求 有没有解决
        幸福~手掌0
        2023/11/10 10:54:48
        同问
        幸福~手掌1
        2023/11/10 11:37:13

        知道咋改了

        $('#start').on('click', function() {
        
            //判断每次点击之前是否有选择过,有的话就显示之前的选中值
            var defaultCode = $("#start").attr("cityArr")
            var ary = ["110000", "110100", "110101"] //北京
            if (defaultCode) ary = defaultCode.split(',');
        
            // 地址三级联动
            var bb = weui.picker(cityData3, {
                id: new Date().valueOf(), //设置id,这样defaultValue就会生效了
                defaultValue: ary,
                onConfirm: function(result) {
                    var str = "";
                    var cityArr = [];
                    result.map(function(i, val) {
                        str += i["label"] + ' ';
                        cityArr.push(i["value"]);
                    });
                    $("#start").val(str);
                    $("#start").attr("cityArr", cityArr);
                }
            })
        });
    回复
    唠嗑使者 0
    2021/2/24 10:08:03
    找了好几个这种省市区选择器了,就这个BUG少,操作丝滑,得劲👍 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复