GithubHelp home page GithubHelp logo

fengyuanchen / distpicker Goto Github PK

View Code? Open in Web Editor NEW
1.6K 1.6K 466.0 898 KB

⚠️ [Deprecated] No longer maintained. A simple jQuery plugin for picking provinces, cities and districts of China. (** / 省市区 / 三级联动 / 地址选择器)

Home Page: https://fengyuanchen.github.io/distpicker/

License: MIT License

JavaScript 99.88% Shell 0.12%
china district jquery-plugin picker

distpicker's People

Contributors

dependabot[bot] avatar fengyuanchen avatar kennynaoh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

distpicker's Issues

如何反显数据?

请问后台返回一个地址后(比如北京市海淀区,海淀区的areaCode为110108),如何用distpicker反显数据,直接显示海淀区呢?

怎么用代码切换省市区

html:
<div id="distpicker3">
    <select></select>
    <select></select>
    <select></select>
</div>
<div>
    <button id="toggleDistpicker">切换</button>
</div>


js:
$('#distpicker3').distpicker({
    province: '浙江省',
    city: '杭州市',
    district: '西湖区'
});

$('#toggleDistpicker').click(function(){
    $('#distpicker3').distpicker({
        province: '河北省',
        city: '保定市',
        district: '竞秀区'
    });
});

这样点击时没有作用,请问如何改变3个值

省市县初始赋值能不能是对应的ID

如初始赋值是北京市,对应的ID是100000,如何赋值100000,显示的是北京市?代码怎么写?
$("#distpicker3").distpicker({
province: '浙江省',
city: '杭州市',
district: '西湖区'
});
如何写成
$("#distpicker3").distpicker({
province: '310000',
city: '310010',
district: '310011'
});

数据塞不进去

用js写入的的html用
$("#distpicker3").distpicker({
province: data.province,
city: data.city,
district: data.district
});
这个方法不能把获取到的数据写进去,用下面的写法,
$('select[name="province"]').val(data.result['province']);
$("#distpicker").distpicker("output","city");
$('select[name="city"]').val(data.result['city']);
$("#distpicker").distpicker("output","district");
$('select[name="district"]').val(data.result['district']);
好像是塞数据的时候,没有触发change
还是我哪里用错了呢

缺少**省

hello,您的插件好像少了**省的行政区划

custom district

I just need to replace district data to add new country district?

二次设置selected无效

通过

var config = {


province: province,


city: city,


district: district


};

console.log(config);

$("#distpicker").distpicker(config);

第一次,选中情况没问题

第二次继续调用上述代码,导致显示的还是第一次的值

对了,可以通过中文设置选中,我用的中文选中

valueType bug

标签的属性不认驼峰模式,要么小写,要么蛇形aa-bb-cc。valueType这个属性在js中无法获取,转成小写可以;此bug影响 code 情境下的 城市输出功能以及初始化功能

疑问1

这个没办法获取到select 选择框里面的城市信息 比如我想弹出 北京---东城区

Placeholders not working

distpicker always skip placeholder "---- 选择省 ----" and
shows the next item on the list "北京“ by default.

getDistricts 不能根据code获取name

$().distpicker('getDistricts'); // **
$().distpicker('getDistricts', 330000); // 浙江省
$().distpicker('getDistricts', 330100); // 杭州市

不能根据code获取name

求问

怎么取得json里面的数据遍历出来

数据有错误

441900: {
441900: '三元里'
},
442000: {
442000: '湖滨北路'
},

东莞市,中山市,下面没有区县哦,另外我整理了一版mysql数据,正好能跟你这个配合上,有兴趣加我聊聊

requirejs引入distpicker页面没效果

我用requirejs引入了jquery和distpicker(页面元素能查找得到两者已引入)
但是标签设置如下,并没有效果,请问是怎么回事?谢谢

<div data-toggle="distpicker">
  <select data-province="浙江省"></select>
  <select data-city="杭州市"></select>
  <select data-district="西湖区"></select>
</div>

没有效果

autoselect需要细分

autoselect等于true的情况下,要区分是自动选择省、市、区的默认值,还是选择省后自动选择市。

有些时候我们不需要默认值,将autoselect设置为false后,选择省后,又不会自动选择市。

我想我应该描述清楚了我的问题:是自动选择默认值,还是自动选择下级区域。

省市区不能数字转中文

$().distpicker('getDistricts'); // **
$().distpicker('getDistricts', 330000); // 浙江省
$().distpicker('getDistricts', 330100); // 杭州市

返回一个对象 不是 字符串

没效果...

把代码里面这行删掉
this.each(function each() {
/里面的内容保留/
});

然后就可以了
$().distpicker('getDistricts')['330000']
"浙江省"
$().distpicker('getDistricts',330000)[330100]
"杭州市"
$().distpicker('getDistricts',330100)['330102']
"上城区"

解决..

我不懂JS瞎改的 大佬看看是不是这个意思...

与vue的冲突

使用vue,通过v-model绑定数据,为什么只能显示省级栏,而市级和区级下面就没数据了 求作者帮助下!

海南省行政区缺失

三亚市下辖地区:吉阳区、崖州区、天涯区、海棠区。
现在的资源文件里没有。
请问资源文件是否考虑近期更新?

谢谢!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.