评论：jQuery手机端联动滑动选择插件mobile selector  [查看原文]

六晓1
2018/6/12 21:37:48

一开始可以加默认值，后面动态获取值，更新数据请用updateData方法，使用栗子如下


var method4=$('.select-value4').selectList({
   level:2,
   dataJson:'',
   confirm:function(){
       method4.updateData('新的data');
   }
})

六晓0
2018/5/31 17:35:21
没太看懂你的场景。你可以自己加一个事件 点击p的时候让input blur或者看看怎么自己去除软键盘。

六晓0
2018/5/17 13:15:58
什么平台 主要针对手机端，pc没考虑不支持css3的

syw0
2018/5/10 10:51:09
??afterTwo触发不了

六晓0
2018/5/15 20:24:50
去掉了 你想用这个来操作什么逻辑？

var city4 = [{
    "name": "北京市",
    "child": [{
        "name": "北京",
        "id": 12
    }],
    "id": 223
}, {
    "name": "天津市",
    "child": [{
        "name": "天津",
        "id": 1
    }],
    "id": 21
}];

我怎么拿到选中的id值呢，你那里显示的是序列号，我是要获取id传回后台。我怎么拿到 天津市的id,和天津的id?

六晓1
2018/4/20 17:54:06

例子一有写


$('.select-value').mPicker({
    dataJson: city3,
    splitStr: '-',
    confirm: function(json) {
        // var id1= $('.select-value').data('id1');
        // var id2 = $('.select-value').data('id2');
        // var id3 = $('.select-value').data('id3');
        // console.info('第一列json：',city3[id1]);
        // console.info('第二列json：', city3[id1].child[id2]);
        // console.info('第三列json：', city3[id1].child[id2].child[id3]);
    }
})

如果你想要拿具体的就是：city3[id1].id

六晓1
2018/4/18 21:48:07
为什么要去掉？这个应该是定位的js判断添加的，你不要默认值value不填就可以了

六晓1
2018/3/2 16:14:00

物理返回键的事件你可以获取到（我是觉得无法获取）？可以的话你直接在回调里调用mpicker的hidepicker事件就可以


$('.select-value1').mpicker() 
//隐藏picker写法
 $('.select-value1').data('mpicker').hidepicker();

牡丹花下做死鬼0
2018/7/19 15:33:56
能不能不要那个点击按钮确定

六晓0
2018/2/7 15:38:08
做成无限级的时候去掉了 因为不好定义有多少个，你是什么场景，我看看有没有必要加

[{
    "areaname": "长沙市",
    "hnAreaInfoList": [{
        "id": 15,
        "areaname": "岳麓区"
    }, {
        "id": 16,
        "areaname": "芙蓉区"
    }, {
        "id": 17,
        "areaname": "天心区"
    }, {
        "id": 18,
        "areaname": "开福区"
    }, {
        "id": 19,
        "areaname": "雨花区"
    }, {
        "id": 20,
        "areaname": "望城区"
    }, {
        "id": 21,
        "areaname": "长沙县"
    }, {
        "id": 22,
        "areaname": "浏阳市"
    }, {
        "id": 23,
        "areaname": "宁乡市"
    }],
    "id": 1
}, {
    "areaname": "株洲市",
    "hnAreaInfoList": [{
        "id": 24,
        "areaname": "天元区"
    }, {
        "id": 25,
        "areaname": "荷塘区"
    }, {
        "id": 26
    }, {
        "id": 27,
        "areaname": "石峰区"
    }, {
        "id": 28,
        "areaname": "醴陵市"
    }, {
        "id": 29,
        "areaname": "株洲县"
    }, {
        "id": 30,
        "areaname": "炎陵县"
    }, {
        "id": 31,
        "areaname": "茶陵县"
    }, {
        "id": 32,
        "areaname": "攸县"
    }],
    "id": 2
}]

大佬我这个数据是调取URL获取到的，字段怎么对应上呢，在js文件里面能改吗？

六晓0
2018/2/4 16:15:29
感谢你在github上提的issue，这个问题已解决，你可以去看看

大佬，我这个数据从数据里面取得，能在这里面用吗？

syw0
2018/5/10 10:41:25
?afterTwo不起作用

求大佬指点

大哥，这个弹窗，我放到屏幕中间。这个console的省市区id以及值就报错了，报错为ids of undefind

六晓0
2018/2/1 15:59:50

把你的json以及调用放到github issue上我去看看，可能原因，json格式不对

fantastic baby0
2018/2/2 14:04:31
问题解决了，多谢大佬

六晓0
2018/2/5 20:30:43

不客气

看到bootstrap布局的我就感觉到菊花一紧，然后就觉得整个插件索然无味了

六晓0
2018/1/27 13:39:23
只是为了演示好看 和插件本身没关系

怎么 方便改数据呀

六晓1
2018/1/27 13:46:29

可以调用updateData方法更新，例子如下：

$('.select-value1').mPicker({
            level: 2,
            dataJson: dataJson,
            Linkage: true
            header: '<div class="mPicker-header">两级联动选择插件</div>',
            confirm: function (json) {
                    // 第一种：在回调里面更新，this是这个的实例
                    this.container.data('mPicker').updateData(新的json);
            },
            cancel: function (json) {
            }
        })


//第二种：初始化后调用实例更新数据
 $('.select-value1').data('mPicker').updateData(新的json);