评论:jQuery中国省市区地址三级联动插件Distpicker  [查看原文]

所属分类:输入-选择框

 456992  880  119
当前第3页 / 共5页
    13574696980
    2017/12/20 14:06:26

    如何获取选中的行政区划的值啊,就是对应的行政区划码

    回复
    ???0
    2017/11/29 11:09:00

    6666,惊了,支付宝登录都有

    回复
    欣艳0
    2017/11/2 9:46:30

    作者:你的这些数据熟存在数据库中查询出来的吗?不是调用的api吗?

    回复
    lYFMinHua0
    2017/10/10 18:01:54
    都弄到代码里去了,才发现好多地区都没有。。。。
        宁馨儿0
        2018/8/21 17:50:45
        可以用数据库里面的地址信息么
    回复
    偏执狂轩轩阿0
    2017/8/23 20:09:00

    是不是把宝岛台湾的市区给漏写了查询没找到,应该不是有意而为之

        h e lD ="#"0
        2017/10/10 17:47:44

        还真是没有了

        怎么解决的?

    回复
    .0
    2017/7/22 13:42:42

    为什么我用这个插件苹果是没有问题的,安卓点击无效,只显示三个占位,其他的选项都没有出来,急用的,有大神可以指点一下吗?

    回复
    #Rice#0
    2017/5/24 17:44:56
    请问这个插件该怎样在angularJS+ionic的框架中使用? 回复
    是不三先生0
    2017/4/1 16:31:25

    怎么赋值啊?

        Sean0
        2017/6/28 15:42:58
        就是啊,后台的数据放不进去啊
        Sean0
        2017/6/28 15:54:29

        $('#').trigger("change")

    回复
    番茄炒蛋不加蛋0
    2017/3/11 13:19:24

    如何可以更改data-toggle=‘distpicker‘的识别值,我想把这个改成自己用的类型,但是这个最初的下拉框还是要用到

    回复
    CHAR0
    2017/3/1 18:01:55

    在js文件中通过ajax获取地址,如何在前端 这个插件里显示获取的地址啊,希望尽早回复,急用,谢谢!

        一一封荷1
        2017/3/7 17:05:09

        获取什么地址??

        如果是选择的省市,给select添加一个id

        <li data-toggle="distpicker">
            <label>所在城市</label>
            <select id="prov" class="prov"></select>
            <select id="city" class="city"></select>
        </li>
        var prov= $('#prov').val(),
        city = $('#city').val();
        在我的怀里你不用害怕失眠0
        2017/3/7 18:23:50
        怎么给id="prov" 赋值啊    $('#prov').val("123");这样复制为什么是空
        .0
        2017/5/11 21:22:29

        不知道

        平步青云0
        2017/8/15 11:19:36

        我擦,,我也遇到同样的问题,$('#prov').val()选取相应地址后还是为空

        ㄈ夏至微风』0
        2019/3/11 18:08:59
        你好 后来问题解决了吗
    回复
      0
    2017/2/25 18:47:29

    怎么将值传给另一个页面?

        一一封荷1
        2017/3/7 16:45:28

        可以通过A页面ajax post传值给B页面,或者通过URL后面附带参数

    回复
    何元祥3
    2017/2/15 13:01:35
    // 获取地区控件所有汉字
    $("#distpicker option:checked").text()
    
    // 重置地区控件到第一行(有占位符显示占位符)
    $("#distpicker").distpicker('reset', true);
    
    // 地区定位(地名)
    function distpickerPositionByAddress(province, city, district) {
        var $province = $("#province");
        var $city = $("#city");
        var $district = $("#district");
        $province.val(province);
        $province.trigger("change");
        $city.val(city);
        $city.trigger("change");
        $district.val(district);
        $district.trigger("change");
    }
    
    // 地区定位(编码)
    function distpickerPositionByCode(districtCode) {
        var provinceCode = parseInt(parseInt(districtCode) / 10000) * 10000;
        var cityCode = parseInt(parseInt(districtCode) / 100) * 100;
        var $province = $("#province");
        var $city = $("#city");
        var $district = $("#district");
        var province = ChineseDistricts[86][provinceCode];
        var city = ChineseDistricts[provinceCode][cityCode];
        var district = ChineseDistricts[cityCode][districtCode];
        $province.val(province);
        $province.trigger("change");
        $city.val(city);
        $city.trigger("change");
        $district.val(district);
        $district.trigger("change");
    }
    
    // 根据地区级别获取编码 1=省;2=市;3=区县
    function getDataCode(areaLv) {
        switch (areaLv) {
            case 1:
                return $('#province :selected').attr("data-code");
                break;
            case 2:
                return $('#city :selected').attr("data-code");
                break;
            case 3:
                return $('#district :selected').attr("data-code");
                break;
            default:
                return $('#district :selected').attr("data-code");
        }
    }

    觉得可以或者有问题请回复

        runner17211
        2017/6/23 11:13:47

        经过测试,只有此答案是正确的 @吴进 by 20170623

        $("#distpicker").distpicker('destroy');
        $("#distpicker").distpicker({
            autoSelect: false,
            placeholder: true
        });
        var $province = $("#province");
        $province.val(data.info.province);
        $province.trigger("change");
        var $city = $("#city");
        $city.val(data.info.city);
        $city.trigger("change");
        runner17210
        2017/6/23 11:17:09

        赋值追加一下完整代码

        // 更新
        function datamodify(_hxuuid) {
            $.post("queryFacilitatorById.hx", {"hxuuid": _hxuuid}, function(data) {
                if (data.status) {
                    $("#distpicker").distpicker('destroy');
                    $("#distpicker").distpicker({
                        autoSelect: false,
                        placeholder: true
                    });
                    var $province = $("#province");
                    $province.val(data.info.province);
                    $province.trigger("change");
                    var $city = $("#city");
                    $city.val(data.info.city);
                    $city.trigger("change");
                } else {
                    $.messager.alert("温馨提示", data.info, "error");
                }
            });
        }
        城管uncle0
        2018/11/5 17:22:08
        好厉害
    回复
    詹书斌0
    2017/2/13 14:31:03

    怎么获取选择后的值呢?

        '''0
        2017/2/27 16:48:39

        会了么?

        平步青云0
        2017/8/15 12:16:37

        会了么,我也取不到省市区的值,怎么获取呀,

        $("#dataProvince option:selected").val()

        这样不行,这是为啥

        西瓜0
        2017/8/15 13:02:49

        要在程序加载完成后执行要不就是空值了

        window.onload = function() { 
            alert($("#dataProvince option:selected").val());
        };
        平步青云0
        2017/8/15 16:23:35

        谢谢 谢谢,,,这么简单的问题,居然疏忽了,,,

        mysir0
        2018/4/12 17:07:36
        回了么?如何在提交的时候获取选择后的值呢
    回复
    嘴角淡然一笑、ㄋ枫0
    2017/1/19 12:10:43

    找到数据源了 但是 我想用ajax替换成我的数据源 比如替换成食物类别-》食物 这样的 分类 该怎么去分配规则呢 原数据源的 数字代表什么呢 不用数字可以吗?可以替换吗?

        一一封荷1
        2017/3/7 16:51:15

        数字只是key,不用管就好了,在.data.js里面直接把省、市这些值改成你想要的就好了

    回复
    嘴角淡然一笑、ㄋ枫0
    2017/1/19 11:55:56

    特别像知道  我不想用他的哪个数据源 我像用我的数据源 该怎么放进去?

    回复

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

取消回复