评论：jQuery cityPicker城市模拟原生下拉选择插件  [查看原文]

大神，我在用vue.js做移动端的三级联动运用了你的插件，可是我添加动态数据的时候，显示不了，想问下怎么解决啊，

var selector = $('#city-picker-selector').cityPicker({
    dataJson: cityData,
    renderMode: true,
    search: false,
    autoSelected: false,
    code: 'cityCode'
});
new Vue({
            el: '#saveAddress',
            data: {
                //判断编辑还是新建问题     
                name: '',
                tell: '',
                sheng: '',
                address: '',
                userProvinceId: '',
                userCityId: '',
                userDistrictId: ''
            },
            mounted: function mounted() {
                this.bianji();
            },
            methods: {
                bianji: function() {
                    _this = this
                    var id = $_GET['editid'];
                    $.ajax({
                        type: "POST",
                        data: {
                            addressid: id
                        },
                        url: "../api/weixin/addressbj",
                        dataType: "json",
                        timeout: 7000,
                        success: function(slute) {
                            _this.name = slute.lxren;
                            _this.tell = slute.tel;
                            a = slute.s1;
                            b = slute.s2;
                            c = slute.s3;
                            _this.address = slute.address;
                            selector.setCityVal('\'' + a.replace("“", "") + ',' + b.replace("“", "") + ',' + c.replace("“", "") + '\'');
                        }
                    });
                },

盲木。木然。。0
2018/1/6 14:39:23

不好意思,已解决!

lquan0
2018/1/7 0:24:03

嗯，好的

lquan0
2018/1/17 11:43:30

需要最新或者有什么问题的，可以到我GitHub去提issues

lquan1
2017/12/28 14:02:02

是根据参数里面的这个区设置的

selectpattern: [{
    field: 'userProvinceId',
    placeholder: '请选择省份'
}, {
    field: 'userCityId',
    placeholder: '请选择城市'
}, {
    field: 'userDistrictId',
    placeholder: '请选择区县'
}]

大神，怎么把从后台获取的值，设置上去，设置val没用啊

lquan1
2017/12/28 9:09:18

你后台返回的是什么样子的值；

我这插件要这样子的数据格式：

var selector = $('#city-picker-selector').cityPicker();
selector.setCityVal([{
    'id': '110000',
    'name': '北京市'
}, {
    'id': '110100',
    'name': '北京市'
}, {
    'id': '110108',
    'name': '海淀区'
}]);

奈良鹿原? ??0
2017/12/28 11:57:57

返回的的只有name  没有ID,但是只设置name好像不行

lquan0
2017/12/28 11:59:42

因为我设置是要求ID和name的

奈良鹿原? ??0
2017/12/29 9:36:14

那有没有别的方法设置 -  - ！

lquan0
2018/1/2 8:52:17

暂时没有，如果你急用的话，自己去把值填上去吧，我下个版本优化一下吧

奈良鹿原? ??0
2018/1/2 13:36:03

 - -设置select val也不行  text也不行

lquan0
2018/1/7 17:26:42

已经解决了，版本更新了

大神，怎么把citycode取出来

lquan0
2017/12/18 17:36:43

code  开启这个参数

不贱不散0
2017/12/18 17:47:50

var selector = $('#city-picker-selector').cityPicker({
    dataJson: cityData,
    renderMode: true,
    search: false,
    autoSelected: false,
    code: true
})

大神，是这样吗，我想把它拿出来，因为别的地方要用？该怎么搞

lquan1
2017/12/21 10:55:36

// 区县选择的回调            
$('#city-picker-selector').on('choose-district.citypicker', function(event, tagert, values) {
    console.log(tagert[0].dataset.code);
});

你先在回调里面拿吧，因为我没有返回，到时候我再优化一下这个吧

lquan0
2017/11/30 15:45:13

具体说下咯，给点你的意见

我

select.setCityVal([{
    'id': "110000",
    'name': "北京市"
}, {
    'id': "110000",
    'name': "北京市"
}, {
    'id': "110101",
    'name': "东城区"
}]);

不管用用啊

发现了一个问题默认初始值第一个不管用

lquan0
2017/11/27 8:52:17

会吗？demo会？

城市数据文件太大了，建议优化到200K左右。

大神你好，请问一下v1.1.4增加getCityVal() 怎么获得值啊？我怎么获取不到啊，可不可以举个列子在评论上，谢谢了

lquan1
2017/11/14 9:08:40

var select = $('.city-picker-select').cityPicker({
    dataJson: cityData,
    renderMode: false,
    autoSelected: true
}); 
//设置城市          
select.setCityVal([{
    'id': '140000',
    'name': '山西省'
}, {
    'id': '140100',
    'name': '太原市'
}, {
    'id': '140105',
    'name': '小店区'
}]);
console.log(select.getCityVal())

幼稚0
2017/11/14 20:53:57
但是这样只能拿到设置的值啊，我想拿到下拉框选中的值，用回调函数的话，ajax就只能写到回调函数里面了，为啥用localStorage.setItem();的方法在回调函数存储不到值啊

幼稚0
2017/11/14 21:01:06

var city = $('#city-picker-search').cityPicker({
    dataJson: cityData,
    renderMode: true,
    search: false,
    autoSelected: false,
    keyboard: false
});
// 省份选择的回调
$('#city-picker-search').on('choose-province.citypicker', function(event, target, values) {
    localStorage.setItem("p", event, target, values);
});
var p = localStorage.getItem("p");
console.log(p);
// 城市选择的回调
$('#city-picker-search').on('choose-city.citypicker', function(event, target, values) {
    localStorage.setItem("c", event, target, values);
});
var c = localStorage.getItem("p");
console.log(c);

幼稚0
2017/11/14 21:18:33

// 省份选择的回调
$('#city-picker-search').on('choose-province.citypicker', function(event, tagert, storage) {
   localStorage.setItem("s",tagert[0].innerText);
});
var s = localStorage.getItem("s");
console.log(s);

幼稚0
2017/11/14 21:19:19

这样可以拿到，感谢大神的插件

lquan1
2017/11/15 9:02:30

// 省份选择的回调
$('#city-picker-search').on('choose-province.citypicker', function(event, tagert, values) {
    localStorage.setItem("s", values);
});

storag 这名字在新版本就已经改名字为values ，这个参数就是返回选中的值得

lquan0
2017/11/7 15:12:43

好的，谢谢反馈，这个我会修复的

厉害，大牛，向大牛学习

lquan0
2017/11/7 10:58:52

谢谢赞赏，我不是大牛，这写的也不是很好来的

请问怎么扩展到四级地址

lquan0
2017/10/19 17:52:07

不好意思啊，我这数据源没有四级城市的数据

赞一个

lquan0
2017/10/11 15:44:09

谢谢

lquan0
2017/9/28 17:55:50

你的数据是什么样子的

怎么设置默认值呢

lquan0
2017/9/25 8:56:52

啊？大哥，你在逗我吗？demo和文档都有

lquan1
2017/9/26 16:21:10

var selector = $('#city-picker-selector').cityPicker();
selector.setCityVal([{
    'id': '110000',
    'name': '北京市'
}, {
    'id': '110100',
    'name': '北京市'
}, {
    'id': '110108',
    'name': '海淀区'
}]);

回调里面取到的值是上一次的值

lquan0
2017/9/15 16:36:54

啊？不会吧，我看了下，是新的值...