Javascript 城市联动选择,支持一级,二级,三级联动

基于jQuery开发的城市联动选择插件,封装在jQuery全局变量中。
area.js

地址数据基本格式:
[{
    "Id": "1E44979D-7523-4635-A595-80C5ED8CE176",
    "Name": "西昌市",
    "PathID": "9ccc05b7-921d-4a45-954b-a13f010169b3,CDED0D1F-60FD-4390-9C1F-389FF7453BCA,0036A624-378E-45F8-8CB1-3B859C3F2979,1E44979D-7523-4635-A595-80C5ED8CE176",
    "ParentID": "0036A624-378E-45F8-8CB1-3B859C3F2979",
    "Class": "4",
    "Sort": "1"
},{},{}...{}]

使用方法:

HTML布局
  • 请选择省
  • 请选择市
  • 请选择区/县
JS调用
1.设置一级省份:$.checkArea.sProvince();
2.设置二级城市:$.checkArea.sCity();
3.设置三级区县:$.checkArea.sCounty();
4.获取地址:$.checkArea.getAreaIntro();
5.通过省的名称push出完整地址信息:$.checkArea.setFullArea();
6.获取区县ID:$.checkArea.getCountID();
7.返回地址信息:
 data = {
     aProvince: {id,name}, 
     bCity: {id,name}, 
     cCounty: {id,name}
 };

代码下载地址:

源代码下载:

你可能感兴趣的:(技术,代码分享)