您的位置：首页 > Web前端 > JavaScript

js省市联动，多版本，总有你喜欢的

2016-01-12 15:43 549 查看
第一版纯展示作用，无数据对接考虑。 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>省市二级联动</title>
</head>
<body>
<select id="provincelist">
<option value="">请选择省份</option>
</select>
<select id="citylist">
<option value="">请选择城市</option>
</select>
<script type="text/javascript">
/*Author:xiaoang666@163.com*/
var arealist = [{
"province" : "北京市",
"city" : ["东城", "西城", "崇文", "宣武", "朝阳", "丰台", "石景山", "海淀", "门头沟", "房山", "通州", "顺义", "昌平", "大兴", "平谷", "怀柔", "密云", "延庆"]
}, {
"province" : "上海市",
"city" : ["黄浦", "卢湾", "徐汇", "长宁", "静安", "普陀", "闸北", "虹口", "杨浦", "闵行", "宝山", "嘉定", "浦东", "金山", "松江", "青浦", "南汇", "奉贤", "崇明"]
}, {
"province" : "天津市",
"city" : ["和平", "东丽", "河东", "西青", "河西", "津南", "南开", "北辰", "河北", "武清", "红挢", "塘沽", "汉沽", "大港", "宁河", "静海", "宝坻", "蓟县"]
}, {
"province" : "重庆市",
"city" : ["万州", "涪陵", "渝中", "大渡口", "江北", "沙坪坝", "九龙坡", "南岸", "北碚", "万盛", "双挢", "渝北", "巴南", "黔江", "长寿", "綦江", "潼南", "铜梁 ", "大足", "荣昌", "壁山", "梁平", "城口", "丰都", "垫江", "武隆", "忠县", "开县", "云阳", "奉节", "巫山", "巫溪", "石柱", "秀山", "酉阳", "彭水", "江津", "合川", "永川", "南川"]
}, {
"province" : "河北省",
"city" : ["石家庄", "邯郸", "邢台", "保定", "张家口", "承德", "廊坊", "唐山", "秦皇岛", "沧州", "衡水"]
}, {
"province" : "山西省",
"city" : ["太原", "大同", "阳泉", "长治", "晋城", "朔州", "吕梁", "忻州", "晋中", "临汾", "运城"]
}, {
"province" : "内蒙古自治区",
"city" : ["呼和浩特", "包头", "乌海", "赤峰", "呼伦贝尔盟", "阿拉善盟", "哲里木盟", "兴安盟", "乌兰察布盟", "锡林郭勒盟", "巴彦淖尔盟", "伊克昭盟"]
}, {
"province" : "辽宁省",
"city" : ["沈阳", "大连", "鞍山", "抚顺", "本溪", "丹东", "锦州", "营口", "阜新", "辽阳", "盘锦", "铁岭", "朝阳", "葫芦岛"]
}, {
"province" : "吉林省",
"city" : ["长春", "吉林", "四平", "辽源", "通化", "白山", "松原", "白城", "延边"]
}, {
"province" : "黑龙江省",
"city" : ["哈尔滨", "齐齐哈尔", "牡丹江", "佳木斯", "大庆", "绥化", "鹤岗", "鸡西", "黑河", "双鸭山", "伊春", "七台河", "大兴安岭"]
}, {
"province" : "江苏省",
"city" : ["南京", "镇江", "苏州", "南通", "扬州", "盐城", "徐州", "连云港", "常州", "无锡", "宿迁", "泰州", "淮安"]
}, {
"province" : "浙江省",
"city" : ["杭州", "宁波", "温州", "嘉兴", "湖州", "绍兴", "金华", "衢州", "舟山", "台州", "丽水"]
}, {
"province" : "安徽省",
"city" : ["合肥", "芜湖", "蚌埠", "马鞍山", "淮北", "铜陵", "安庆", "黄山", "滁州", "宿州", "池州", "淮南", "巢湖", "阜阳", "六安", "宣城", "亳州"]
}, {
"province" : "福建省",
"city" : ["福州", "厦门", "莆田", "三明", "泉州", "漳州", "南平", "龙岩", "宁德"]
}, {
"province" : "江西省",
"city" : ["南昌市", "景德镇", "九江", "鹰潭", "萍乡", "新馀", "赣州", "吉安", "宜春", "抚州", "上饶"]
}, {
"province" : "山东省",
"city" : ["济南", "青岛", "淄博", "枣庄", "东营", "烟台", "潍坊", "济宁", "泰安", "威海", "日照", "莱芜", "临沂", "德州", "聊城", "滨州", "菏泽"]
}, {
"province" : "河南省",
"city" : ["郑州", "开封", "洛阳", "平顶山", "安阳", "鹤壁", "新乡", "焦作", "濮阳", "许昌", "漯河", "三门峡", "南阳", "商丘", "信阳", "周口", "驻马店", "济源"]
}, {
"province" : "湖北省",
"city" : ["武汉", "宜昌", "荆州", "襄樊", "黄石", "荆门", "黄冈", "十堰", "恩施", "潜江", "天门", "仙桃", "随州", "咸宁", "孝感", "鄂州"]
}, {
"province" : "湖南省",
"city" : ["长沙", "常德", "株洲", "湘潭", "衡阳", "岳阳", "邵阳", "益阳", "娄底", "怀化", "郴州", "永州", "湘西", "张家界"]
}, {
"province" : "广东省",
"city" : ["广州", "深圳", "珠海", "汕头", "东莞", "中山", "佛山", "韶关", "江门", "湛江", "茂名", "肇庆", "惠州", "梅州", "汕尾", "河源", "阳江", "清远", "潮州", "揭阳", "云浮"]
}, {
"province" : "广西壮族自治区",
"city" : ["南宁", "柳州", "桂林", "梧州", "北海", "防城港", "钦州", "贵港", "玉林", "南宁地区", "柳州地区", "贺州", "百色", "河池"]
}, {
"province" : "海南省",
"city" : ["海口", "三亚"]
}, {
"province" : "四川省",
"city" : ["成都", "绵阳", "德阳", "自贡", "攀枝花", "广元", "内江", "乐山", "南充", "宜宾", "广安", "达川", "雅安", "眉山", "甘孜", "凉山", "泸州"]
}, {
"province" : "贵州省",
"city" : ["贵阳", "六盘水", "遵义", "安顺", "铜仁", "黔西南", "毕节", "黔东南", "黔南"]
}, {
"province" : "云南省",
"city" : ["昆明", "大理", "曲靖", "玉溪", "昭通", "楚雄", "红河", "文山", "思茅", "西双版纳", "保山", "德宏", "丽江", "怒江", "迪庆", "临沧"]
}, {
"province" : "西藏自治区",
"city" : ["拉萨", "日喀则", "山南", "林芝", "昌都", "阿里", "那曲"]
}, {
"province" : "陕西省",
"city" : ["西安", "宝鸡", "咸阳", "铜川", "渭南", "延安", "榆林", "汉中", "安康", "商洛"]
}, {
"province" : "甘肃省",
"city" : ["兰州", "嘉峪关", "金昌", "白银", "天水", "酒泉", "张掖", "武威", "定西", "陇南", "平凉", "庆阳", "临夏", "甘南"]
}, {
"province" : "宁夏回族自治区",
"city" : ["银川", "石嘴山", "吴忠", "固原"]
}, {
"province" : "青海省",
"city" : ["西宁", "海东", "海南", "海北", "黄南", "玉树", "果洛", "海西"]
}, {
"province" : "新疆维吾尔族自治区",
"city" : ["乌鲁木齐", "石河子", "克拉玛依", "伊犁", "巴音郭勒", "昌吉", "克孜勒苏柯尔克孜", "博尔塔拉", "吐鲁番", "哈密", "喀什", "和田", "阿克苏"]
}, {
"province" : "香港特别行政区",
"city" : ["香港特别行政区"]
}, {
"province" : "澳门特别行政区",
"city" : ["澳门特别行政区"]
}, {
"province" : "台湾省",
"city" : ["台北", "高雄", "台中", "台南", "屏东", "南投", "云林", "新竹", "彰化", "苗栗", "嘉义", "花莲", "桃园", "宜兰", "基隆", "台东", "金门", "马祖", "澎湖"]
}
];
(function () {
/*获取数组长度，并循环添加省份*/
var prolen = arealist.length;
for (var i = 0; i < prolen; i++) {
dom("provincelist").options[i + 1] = new Option(arealist[i].province, arealist[i].province);
}
})();
dom("provincelist").onchange = function () {
/*城市列表清零*/
dom("citylist").length = 0;
/*如果选择项为“请选择省份”，城市列表项置为“请选择城市”并且return false*/
if (this.selectedIndex == 0) {
dom("citylist").options[0] = new Option("请选择城市", "");
retur
4000
n false;
}
/*选择省份后城市列表循环添加*/
var cityid = this.selectedIndex - 1,
citylist = arealist[cityid].city,
citylen = citylist.length;
for (var i = 0; i < citylen; i++) {
dom("citylist").options[i] = new Option(citylist[i], citylist[i]);
}
}
function dom(id) {
return document.getElementById(id);
}
</script>
</body>
</html>


第二版省信息固定，jsop形式获取城市信息

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div id="area"></div>
<div id="box"></div>
<div id="boxa"></div>
<script src="http://erwt****/jquery.js"></script>
<script>
(function(exports){
function area(options){
//设置默认参数
this.default={
ele:"area",
name:"ming",
age:"18",
room:"3",
data:{"100000":"\u56fd\u5916","1":"\u5317\u4eac\u5e02","2":"\u4e0a\u6d77\u5e02","3":"\u5929\u6d25\u5e02","4":"\u91cd\u5e86\u5e02","5":"\u6cb3\u5317\u7701","6":"\u5c71\u897f\u7701","7":"\u5185\u8499\u53e4","8":"\u8fbd\u5b81\u7701","9":"\u5409\u6797\u7701","10":"\u9ed1\u9f99\u6c5f\u7701","11":"\u6c5f\u82cf\u7701","12":"\u6d59\u6c5f\u7701","13":"\u5b89\u5fbd\u7701","14":"\u798f\u5efa\u7701","15":"\u6c5f\u897f\u7701","16":"\u5c71\u4e1c\u7701","17":"\u6cb3\u5357\u7701","18":"\u6e56\u5317\u7701","19":"\u6e56\u5357\u7701","20":"\u5e7f\u4e1c\u7701","21":"\u5e7f\u897f","22":"\u6d77\u5357\u7701","23":"\u56db\u5ddd\u7701","24":"\u8d35\u5dde\u7701","25":"\u4e91\u5357\u7701","26":"\u897f\u85cf","27":"\u9655\u897f\u7701","28":"\u7518\u8083\u7701","29":"\u5b81\u590f","30":"\u9752\u6d77\u7701","31":"\u65b0\u7586","32":"\u9999\u6e2f","33":"\u6fb3\u95e8","34":"\u53f0\u6e7e\u7701"}
};
//合并默认参数和用户自定义参数
for(var i in options){
this.default[i] = options[i];
}
//插件初始化入口
this.init();
}
area.prototype = {
init:function(){
this.addcss().render().bind();
},
addcss:fAddCss,
render:fRender,
bind:fBind
}
function fAddCss(){
//加入插件样式到页面中
var cssStyle = 'div,p,select{margin:0;padding:0}select{border-style:none; border:1px solid #ccc;width:160px; height:25px; margin:5px 15px;}';
var newstyle = document.createElement('style');
if(document.all){
newstyle.styleSheet.cssText = cssStyle;
}else{
newstyle.innerHTML = cssStyle;
}
var link = document.getElementsByTagName('head')[0];
link.appendChild(newstyle);
return this;
}
function fRender(){
//创建插件所需标签dom
var options = this.default;
var oArea = document.getElementById(options.ele);
var odiv, str, pselect, cselect, createdom = function(ele){
return document.createElement(ele);
}
this.odiv = odiv = createdom("div");
this.pselect = pselect = createdom("select");
this.cselect = cselect = createdom("select");
cselect.innerHTML = '<option value="">请选择城市</option>';
for(var i in options.data){
str+= '<option value ="'+i+'">'+options.data[i]+'</option>';
}
pselect.innerHTML ='<option value="">请选择省份</option>' + str;
odiv.appendChild(pselect);
odiv.appendChild(cselect);
oArea.appendChild(odiv);
pselect.value = "4";
return this;
}
function fBind(){
//为插件的交互绑定事件
var _self = this;
this.pselect.onchange=function(){
var province = this.value;
//_loader.use('jquery',function(){
$.getJSON('http://*****t/ajaxgetcitylistbyprovincelid?areaJsonP=?', {type: province},function(data){
if(typeof data === "object" && data.length > 0){
var html = '';
$.each(data, function(i, item) {
html += '<option value="' + item.area_id + '">' + item.area_name + '</option>';
})
_self.cselect.innerHTML = html;
}
})
//})
}
return this;
}
exports.area = area;
})(this);
var obj = new area({name:"xiaoang",room:5});
var obj1 = new area({ele:"box"});
var obj2 = new area({ele:"boxa"});
</script>
</body>
</html>


第三版省市全固定数据组件，支持区域、省份、城市三级联动。是目前比较好的终极解决方案，无jquery依赖，无第三方数据依赖。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div id="area"></div>
<div id="box"></div>
<div id="boxa"></div>

<script>
(function(exports){
function area(options){
//设置默认参数
this.default={
ele:"area",
name:"ming",
age:"18",
room:"3",
data:[{"areacode":0,"areaname":"\u5168\u90e8","arealevel":0,"parentareacode":0},{"areacode":301001,"areaname":"\u534e\u5317","arealevel":1,"parentareacode":0},{"areacode":301002,"areaname":"\u4e1c\u5317","arealevel":1,"parentareacode":0},{"areacode":301003,"areaname":"\u534e\u4e1c","arealevel":1,"parentareacode":0},{"areacode":301004,"areaname":"\u534e\u4e2d","arealevel":1,"parentareacode":0},{"areacode":301005,"areaname":"\u534e\u5357","arealevel":1,"parentareacode":0},{"areacode":301006,"areaname":"\u897f\u5357","arealevel":1,"parentareacode":0},{"areacode":301007,"areaname":"\u897f\u5317","arealevel":1,"parentareacode":0},{"areacode":301008,"areaname":"\u5176\u4ed6","arealevel":1,"parentareacode":0},{"areacode":1,"areaname":"\u5317\u4eac\u5e02","arealevel":2,"parentareacode":301001},{"areacode":2,"areaname":"\u4e0a\u6d77\u5e02","arealevel":2,"parentareacode":301003},{"areacode":3,"areaname":"\u5929\u6d25\u5e02","arealevel":2,"parentareacode":301001},{"areacode":4,"areaname":"\u91cd\u5e86\u5e02","arealevel":2,"parentareacode":301006},{"areacode":5,"areaname":"\u6cb3\u5317\u7701","arealevel":2,"parentareacode":301001},{"areacode":6,"areaname":"\u5c71\u897f\u7701","arealevel":2,"parentareacode":301001},{"areacode":7,"areaname":"\u5185\u8499\u53e4","arealevel":2,"parentareacode":301001},{"areacode":8,"areaname":"\u8fbd\u5b81\u7701","arealevel":2,"parentareacode":301002},{"areacode":9,"areaname":"\u5409\u6797\u7701","arealevel":2,"parentareacode":301002},{"areacode":10,"areaname":"\u9ed1\u9f99\u6c5f\u7701","arealevel":2,"parentareacode":301002},{"areacode":11,"areaname":"\u6c5f\u82cf\u7701","arealevel":2,"parentareacode":301003},{"areacode":12,"areaname":"\u6d59\u6c5f\u7701","arealevel":2,"parentareacode":301003},{"areacode":13,"areaname":"\u5b89\u5fbd\u7701","arealevel":2,"parentareacode":301003},{"areacode":14,"areaname":"\u798f\u5efa\u7701","arealevel":2,"parentareacode":301003},{"areacode":15,"areaname":"\u6c5f\u897f\u7701","arealevel":2,"parentareacode":301003},{"areacode":16,"areaname":"\u5c71\u4e1c\u7701","arealevel":2,"parentareacode":301003},{"areacode":17,"areaname":"\u6cb3\u5357\u7701","arealevel":2,"parentareacode":301004},{"areacode":18,"areaname":"\u6e56\u5317\u7701","arealevel":2,"parentareacode":301004},{"areacode":19,"areaname":"\u6e56\u5357\u7701","arealevel":2,"parentareacode":301004},{"areacode":20,"areaname":"\u5e7f\u4e1c\u7701","arealevel":2,"parentareacode":301005},{"areacode":21,"areaname":"\u5e7f\u897f","arealevel":2,"parentareacode":301005},{"areacode":22,"areaname":"\u6d77\u5357\u7701","arealevel":2,"parentareacode":301005},{"areacode":23,"areaname":"\u56db\u5ddd\u7701","arealevel":2,"parentareacode":301006},{"areacode":24,"areaname":"\u8d35\u5dde\u7701","arealevel":2,"parentareacode":301006},{"areacode":25,"areaname":"\u4e91\u5357\u7701","arealevel":2,"parentareacode":301006},{"areacode":26,"areaname":"\u897f\u85cf","arealevel":2,"parentareacode":301006},{"areacode":27,"areaname":"\u9655\u897f\u7701","arealevel":2,"parentareacode":301007},{"areacode":28,"areaname":"\u7518\u8083\u7701","arealevel":2,"parentareacode":301007},{"areacode":29,"areaname":"\u5b81\u590f","arealevel":2,"parentareacode":301007},{"areacode":30,"areaname":"\u9752\u6d77\u7701","arealevel":2,"parentareacode":301007},{"areacode":31,"areaname":"\u65b0\u7586","arealevel":2,"parentareacode":301007},{"areacode":32,"areaname":"\u9999\u6e2f","arealevel":2,"parentareacode":301008},{"areacode":33,"areaname":"\u6fb3\u95e8","arealevel":2,"parentareacode":301008},{"areacode":34,"areaname":"\u53f0\u6e7e\u7701","arealevel":2,"parentareacode":301008},{"areacode":35,"areaname":"\u77f3\u5bb6\u5e84\u5e02","arealevel":3,"parentareacode":5},{"areacode":36,"areaname":"\u90af\u90f8\u5e02","arealevel":3,"parentareacode":5},{"areacode":37,"areaname":"\u90a2\u53f0\u5e02","arealevel":3,"parentareacode":5},{"areacode":38,"areaname":"\u4fdd\u5b9a\u5e02","arealevel":3,"parentareacode":5},{"areacode":39,"areaname":"\u5f20\u5bb6\u53e3\u5e02","arealevel":3,"parentareacode":5},{"areacode":40,"areaname":"\u627f\u5fb7\u5e02","arealevel":3,"parentareacode":5},{"areacode":41,"areaname":"\u5eca\u574a\u5e02","arealevel":3,"parentareacode":5},{"areacode":42,"areaname":"\u5510\u5c71\u5e02","arealevel":3,"parentareacode":5},{"areacode":43,"areaname":"\u79e6\u7687\u5c9b\u5e02","arealevel":3,"parentareacode":5},{"areacode":44,"areaname":"\u6ca7\u5dde\u5e02","arealevel":3,"parentareacode":5},{"areacode":45,"areaname":"\u592a\u539f\u5e02","arealevel":3,"parentareacode":6},{"areacode":46,"areaname":"\u5927\u540c\u5e02","arealevel":3,"parentareacode":6},{"areacode":47,"areaname":"\u9633\u6cc9\u5e02","arealevel":3,"parentareacode":6},{"areacode":48,"areaname":"\u957f\u6cbb\u5e02","arealevel":3,"parentareacode":6},{"areacode":49,"areaname":"\u664b\u57ce\u5e02","arealevel":3,"parentareacode":6},{"areacode":50,"areaname":"\u6714\u5dde\u5e02","arealevel":3,"parentareacode":6},{"areacode":51,"areaname":"\u5415\u6881\u5e02","arealevel":3,"parentareacode":6},{"areacode":52,"areaname":"\u5ffb\u5dde\u5e02","arealevel":3,"parentareacode":6},{"areacode":53,"areaname":"\u664b\u4e2d\u5e02","arealevel":3,"parentareacode":6},{"areacode":54,"areaname":"\u4e34\u6c7e\u5e02","arealevel":3,"parentareacode":6},{"areacode":55,"areaname":"\u547c\u548c\u6d69\u7279\u5e02","arealevel":3,"parentareacode":7},{"areacode":56,"areaname":"\u5305\u5934\u5e02","arealevel":3,"parentareacode":7},{"areacode":57,"areaname":"\u4e4c\u6d77\u5e02","arealevel":3,"parentareacode":7},{"areacode":58,"areaname":"\u8d64\u5cf0\u5e02","arealevel":3,"parentareacode":7},{"areacode":59,"areaname":"\u547c\u4f26\u8d1d\u5c14\u5e02","arealevel":3,"parentareacode":7},{"areacode":60,"areaname":"\u963f\u62c9\u5584\u76df","arealevel":3,"parentareacode":7},{"areacode":62,"areaname":"\u5174\u5b89\u76df","arealevel":3,"parentareacode":7},{"areacode":63,"areaname":"\u4e4c\u5170\u5bdf\u5e03\u5e02","arealevel":3,"parentareacode":7},{"areacode":64,"areaname":"\u9521\u6797\u90ed\u52d2\u76df","arealevel":3,"parentareacode":7},{"areacode":65,"areaname":"\u5df4\u5f66\u6dd6\u5c14\u5e02","arealevel":3,"parentareacode":7},{"areacode":66,"areaname":"\u6c88\u9633\u5e02","arealevel":3,"parentareacode":8},{"areacode":67,"areaname":"\u5927\u8fde\u5e02","arealevel":3,"parentareacode":8},{"areacode":68,"areaname":"\u978d\u5c71\u5e02","arealevel":3,"parentareacode":8},{"areacode":69,"areaname":"\u629a\u987a\u5e02","arealevel":3,"parentareacode":8},{"areacode":70,"areaname":"\u672c\u6eaa\u5e02","arealevel":3,"parentareacode":8},{"areacode":71,"areaname":"\u4e39\u4e1c\u5e02","arealevel":3,"parentareacode":8},{"areacode":72,"areaname":"\u9526\u5dde\u5e02","arealevel":3,"parentareacode":8},{"areacode":73,"areaname":"\u8425\u53e3\u5e02","arealevel":3,"parentareacode":8},{"areacode":74,"areaname":"\u961c\u65b0\u5e02","arealevel":3,"parentareacode":8},{"areacode":75,"areaname":"\u8fbd\u9633\u5e02","arealevel":3,"parentareacode":8},{"areacode":76,"areaname":"\u76d8\u9526\u5e02","arealevel":3,"parentareacode":8},{"areacode":77,"areaname":"\u94c1\u5cad\u5e02","arealevel":3,"parentareacode":8},{"areacode":78,"areaname":"\u671d\u9633\u5e02","arealevel":3,"parentareacode":8},{"areacode":79,"areaname":"\u957f\u6625\u5e02","arealevel":3,"parentareacode":9},{"areacode":80,"areaname":"\u5409\u6797\u5e02","arealevel":3,"parentareacode":9},{"areacode":81,"areaname":"\u56db\u5e73\u5e02","arealevel":3,"parentareacode":9},{"areacode":82,"areaname":"\u8fbd\u6e90\u5e02","arealevel":3,"parentareacode":9},{"areacode":83,"areaname":"\u901a\u5316\u5e02","arealevel":3,"parentareacode":9},{"areacode":84,"areaname":"\u767d\u5c71\u5e02","arealevel":3,"parentareacode":9},{"areacode":85,"areaname":"\u677e\u539f\u5e02","arealevel":3,"parentareacode":9},{"areacode":86,"areaname":"\u767d\u57ce\u5e02","arealevel":3,"parentareacode":9},{"areacode":87,"areaname":"\u54c8\u5c14\u6ee8\u5e02","arealevel":3,"parentareacode":10},{"areacode":88,"areaname":"\u9f50\u9f50\u54c8\u5c14\u5e02","arealevel":3,"parentareacode":10},{"areacode":89,"areaname":"\u7261\u4e39\u6c5f\u5e02","arealevel":3,"parentareacode":10},{"areacode":90,"areaname":"\u4f73\u6728\u65af\u5e02","arealevel":3,"parentareacode":10},{"areacode":91,"areaname":"\u5927\u5e86\u5e02","arealevel":3,"parentareacode":10},{"areacode":92,"areaname":"\u7ee5\u5316\u5e02","arealevel":3,"parentareacode":10},{"areacode":93,"areaname":"\u9e64\u5c97\u5e02","arealevel":3,"parentareacode":10},{"areacode":94,"areaname":"\u9e21\u897f\u5e02","arealevel":3,"parentareacode":10},{"areacode":95,"areaname":"\u9ed1\u6cb3\u5e02","arealevel":3,"parentareacode":10},{"areacode":96,"areaname":"\u53cc\u9e2d\u5c71\u5e02","arealevel":3,"parentareacode":10},{"areacode":97,"areaname":"\u4f0a\u6625\u5e02","arealevel":3,"parentareacode":10},{"areacode":98,"areaname":"\u4e03\u53f0\u6cb3\u5e02","arealevel":3,"parentareacode":10},{"areacode":99,"areaname":"\u5357\u4eac\u5e02","arealevel":3,"parentareacode":11},{"areacode":100,"areaname":"\u9547\u6c5f\u5e02","arealevel":3,"parentareacode":11},{"areacode":101,"areaname":"\u82cf\u5dde\u5e02","arealevel":3,"parentareacode":11},{"areacode":102,"areaname":"\u5357\u901a\u5e02","arealevel":3,"parentareacode":11},{"areacode":103,"areaname":"\u626c\u5dde\u5e02","arealevel":3,"parentareacode":11},{"areacode":104,"areaname":"\u76d0\u57ce\u5e02","arealevel":3,"parentareacode":11},{"areacode":105,"areaname":"\u5f90\u5dde\u5e02","arealevel":3,"parentareacode":11},{"areacode":106,"areaname":"\u8fde\u4e91\u6e2f\u5e02","arealevel":3,"parentareacode":11},{"areacode":107,"areaname":"\u5e38\u5dde\u5e02","arealevel":3,"parentareacode":11},{"areacode":108,"areaname":"\u65e0\u9521\u5e02","arealevel":3,"parentareacode":11},{"areacode":109,"areaname":"\u5bbf\u8fc1\u5e02","arealevel":3,"parentareacode":11},{"areacode":110,"areaname":"\u6cf0\u5dde\u5e02","arealevel":3,"parentareacode":11},{"areacode":111,"areaname":"\u676d\u5dde\u5e02","arealevel":3,"parentareacode":12},{"areacode":112,"areaname":"\u5b81\u6ce2\u5e02","arealevel":3,"parentareacode":12},{"areacode":113,"areaname":"\u6e29\u5dde\u5e02","arealevel":3,"parentareacode":12},{"areacode":114,"areaname":"\u5609\u5174\u5e02","arealevel":3,"parentareacode":12},{"areacode":115,"areaname":"\u6e56\u5dde\u5e02","arealevel":3,"parentareacode":12},{"areacode":116,"areaname":"\u7ecd\u5174\u5e02","arealevel":3,"parentareacode":12},{"areacode":117,"areaname":"\u91d1\u534e\u5e02","arealevel":3,"parentareacode":12},{"areacode":118,"areaname":"\u8862\u5dde\u5e02","arealevel":3,"parentareacode":12},{"areacode":119,"areaname":"\u821f\u5c71\u5e02","arealevel":3,"parentareacode":12},{"areacode":120,"areaname":"\u53f0\u5dde\u5e02","arealevel":3,"parentareacode":12},{"areacode":121,"areaname":"\u5408\u80a5\u5e02","arealevel":3,"parentareacode":13},{"areacode":122,"areaname":"\u829c\u6e56\u5e02","arealevel":3,"parentareacode":13},{"areacode":123,"areaname":"\u868c\u57e0\u5e02","arealevel":3,"parentareacode":13},{"areacode":124,"areaname":"\u9a6c\u978d\u5c71\u5e02","arealevel":3,"parentareacode":13},{"areacode":125,"areaname
10749
":"\u6dee\u5317\u5e02","arealevel":3,"parentareacode":13},{"areacode":126,"areaname":"\u94dc\u9675\u5e02","arealevel":3,"parentareacode":13},{"areacode":127,"areaname":"\u5b89\u5e86\u5e02","arealevel":3,"parentareacode":13},{"areacode":128,"areaname":"\u9ec4\u5c71\u5e02","arealevel":3,"parentareacode":13},{"areacode":129,"areaname":"\u6ec1\u5dde\u5e02","arealevel":3,"parentareacode":13},{"areacode":130,"areaname":"\u5bbf\u5dde\u5e02","arealevel":3,"parentareacode":13},{"areacode":131,"areaname":"\u6c60\u5dde\u5e02","arealevel":3,"parentareacode":13},{"areacode":132,"areaname":"\u6dee\u5357\u5e02","arealevel":3,"parentareacode":13},{"areacode":133,"areaname":"\u5de2\u6e56\u5e02","arealevel":3,"parentareacode":13},{"areacode":134,"areaname":"\u961c\u9633\u5e02","arealevel":3,"parentareacode":13},{"areacode":135,"areaname":"\u516d\u5b89\u5e02","arealevel":3,"parentareacode":13},{"areacode":136,"areaname":"\u5ba3\u57ce\u5e02","arealevel":3,"parentareacode":13},{"areacode":137,"areaname":"\u798f\u5dde\u5e02","arealevel":3,"parentareacode":14},{"areacode":138,"areaname":"\u53a6\u95e8\u5e02","arealevel":3,"parentareacode":14},{"areacode":139,"areaname":"\u8386\u7530\u5e02","arealevel":3,"parentareacode":14},{"areacode":140,"areaname":"\u4e09\u660e\u5e02","arealevel":3,"parentareacode":14},{"areacode":141,"areaname":"\u6cc9\u5dde\u5e02","arealevel":3,"parentareacode":14},{"areacode":142,"areaname":"\u6f33\u5dde\u5e02","arealevel":3,"parentareacode":14},{"areacode":143,"areaname":"\u5357\u5e73\u5e02","arealevel":3,"parentareacode":14},{"areacode":144,"areaname":"\u9f99\u5ca9\u5e02","arealevel":3,"parentareacode":14},{"areacode":145,"areaname":"\u5357\u660c\u5e02","arealevel":3,"parentareacode":15},{"areacode":146,"areaname":"\u666f\u5fb7\u9547\u5e02","arealevel":3,"parentareacode":15},{"areacode":147,"areaname":"\u4e5d\u6c5f\u5e02","arealevel":3,"parentareacode":15},{"areacode":148,"areaname":"\u9e70\u6f6d\u5e02","arealevel":3,"parentareacode":15},{"areacode":149,"areaname":"\u840d\u4e61\u5e02","arealevel":3,"parentareacode":15},{"areacode":151,"areaname":"\u8d63\u5dde\u5e02","arealevel":3,"parentareacode":15},{"areacode":152,"areaname":"\u5409\u5b89\u5e02","arealevel":3,"parentareacode":15},{"areacode":153,"areaname":"\u5b9c\u6625\u5e02","arealevel":3,"parentareacode":15},{"areacode":154,"areaname":"\u629a\u5dde\u5e02","arealevel":3,"parentareacode":15},{"areacode":155,"areaname":"\u6d4e\u5357\u5e02","arealevel":3,"parentareacode":16},{"areacode":156,"areaname":"\u9752\u5c9b\u5e02","arealevel":3,"parentareacode":16},{"areacode":157,"areaname":"\u6dc4\u535a\u5e02","arealevel":3,"parentareacode":16},{"areacode":158,"areaname":"\u67a3\u5e84\u5e02","arealevel":3,"parentareacode":16},{"areacode":159,"areaname":"\u4e1c\u8425\u5e02","arealevel":3,"parentareacode":16},{"areacode":160,"areaname":"\u70df\u53f0\u5e02","arealevel":3,"parentareacode":16},{"areacode":161,"areaname":"\u6f4d\u574a\u5e02","arealevel":3,"parentareacode":16},{"areacode":162,"areaname":"\u6d4e\u5b81\u5e02","arealevel":3,"parentareacode":16},{"areacode":163,"areaname":"\u6cf0\u5b89\u5e02","arealevel":3,"parentareacode":16},{"areacode":164,"areaname":"\u5a01\u6d77\u5e02","arealevel":3,"parentareacode":16},{"areacode":165,"areaname":"\u65e5\u7167\u5e02","arealevel":3,"parentareacode":16},{"areacode":166,"areaname":"\u83b1\u829c\u5e02","arealevel":3,"parentareacode":16},{"areacode":167,"areaname":"\u4e34\u6c82\u5e02","arealevel":3,"parentareacode":16},{"areacode":168,"areaname":"\u5fb7\u5dde\u5e02","arealevel":3,"parentareacode":16},{"areacode":169,"areaname":"\u804a\u57ce\u5e02","arealevel":3,"parentareacode":16},{"areacode":170,"areaname":"\u6ee8\u5dde\u5e02","arealevel":3,"parentareacode":16},{"areacode":171,"areaname":"\u90d1\u5dde\u5e02","arealevel":3,"parentareacode":17},{"areacode":172,"areaname":"\u5f00\u5c01\u5e02","arealevel":3,"parentareacode":17},{"areacode":173,"areaname":"\u6d1b\u9633\u5e02","arealevel":3,"parentareacode":17},{"areacode":174,"areaname":"\u5e73\u9876\u5c71\u5e02","arealevel":3,"parentareacode":17},{"areacode":175,"areaname":"\u5b89\u9633\u5e02","arealevel":3,"parentareacode":17},{"areacode":176,"areaname":"\u9e64\u58c1\u5e02","arealevel":3,"parentareacode":17},{"areacode":177,"areaname":"\u65b0\u4e61\u5e02","arealevel":3,"parentareacode":17},{"areacode":178,"areaname":"\u7126\u4f5c\u5e02","arealevel":3,"parentareacode":17},{"areacode":179,"areaname":"\u6fee\u9633\u5e02","arealevel":3,"parentareacode":17},{"areacode":180,"areaname":"\u8bb8\u660c\u5e02","arealevel":3,"parentareacode":17},{"areacode":181,"areaname":"\u6f2f\u6cb3\u5e02","arealevel":3,"parentareacode":17},{"areacode":182,"areaname":"\u4e09\u95e8\u5ce1\u5e02","arealevel":3,"parentareacode":17},{"areacode":183,"areaname":"\u5357\u9633\u5e02","arealevel":3,"parentareacode":17},{"areacode":184,"areaname":"\u5546\u4e18\u5e02","arealevel":3,"parentareacode":17},{"areacode":185,"areaname":"\u4fe1\u9633\u5e02","arealevel":3,"parentareacode":17},{"areacode":186,"areaname":"\u5468\u53e3\u5e02","arealevel":3,"parentareacode":17},{"areacode":187,"areaname":"\u9a7b\u9a6c\u5e97\u5e02","arealevel":3,"parentareacode":17},{"areacode":188,"areaname":"\u6b66\u6c49\u5e02","arealevel":3,"parentareacode":18},{"areacode":189,"areaname":"\u5b9c\u660c\u5e02","arealevel":3,"parentareacode":18},{"areacode":190,"areaname":"\u8346\u5dde\u5e02","arealevel":3,"parentareacode":18},{"areacode":192,"areaname":"\u9ec4\u77f3\u5e02","arealevel":3,"parentareacode":18},{"areacode":193,"areaname":"\u8346\u95e8\u5e02","arealevel":3,"parentareacode":18},{"areacode":194,"areaname":"\u9ec4\u5188\u5e02","arealevel":3,"parentareacode":18},{"areacode":195,"areaname":"\u5341\u5830\u5e02","arealevel":3,"parentareacode":18},{"areacode":196,"areaname":"\u6069\u65bd\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":18},{"areacode":197,"areaname":"\u6f5c\u6c5f\u5e02","arealevel":3,"parentareacode":18},{"areacode":198,"areaname":"\u5929\u95e8\u5e02","arealevel":3,"parentareacode":18},{"areacode":199,"areaname":"\u4ed9\u6843\u5e02","arealevel":3,"parentareacode":18},{"areacode":200,"areaname":"\u968f\u5dde\u5e02","arealevel":3,"parentareacode":18},{"areacode":201,"areaname":"\u54b8\u5b81\u5e02","arealevel":3,"parentareacode":18},{"areacode":202,"areaname":"\u5b5d\u611f\u5e02","arealevel":3,"parentareacode":18},{"areacode":203,"areaname":"\u957f\u6c99\u5e02","arealevel":3,"parentareacode":19},{"areacode":204,"areaname":"\u5e38\u5fb7\u5e02","arealevel":3,"parentareacode":19},{"areacode":205,"areaname":"\u682a\u6d32\u5e02","arealevel":3,"parentareacode":19},{"areacode":206,"areaname":"\u6e58\u6f6d\u5e02","arealevel":3,"parentareacode":19},{"areacode":207,"areaname":"\u8861\u9633\u5e02","arealevel":3,"parentareacode":19},{"areacode":208,"areaname":"\u5cb3\u9633\u5e02","arealevel":3,"parentareacode":19},{"areacode":209,"areaname":"\u90b5\u9633\u5e02","arealevel":3,"parentareacode":19},{"areacode":210,"areaname":"\u76ca\u9633\u5e02","arealevel":3,"parentareacode":19},{"areacode":211,"areaname":"\u5a04\u5e95\u5e02","arealevel":3,"parentareacode":19},{"areacode":212,"areaname":"\u6000\u5316\u5e02","arealevel":3,"parentareacode":19},{"areacode":213,"areaname":"\u90f4\u5dde\u5e02","arealevel":3,"parentareacode":19},{"areacode":214,"areaname":"\u6c38\u5dde\u5e02","arealevel":3,"parentareacode":19},{"areacode":215,"areaname":"\u6e58\u897f\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":19},{"areacode":216,"areaname":"\u5e7f\u5dde\u5e02","arealevel":3,"parentareacode":20},{"areacode":217,"areaname":"\u6df1\u5733\u5e02","arealevel":3,"parentareacode":20},{"areacode":218,"areaname":"\u73e0\u6d77\u5e02","arealevel":3,"parentareacode":20},{"areacode":219,"areaname":"\u6c55\u5934\u5e02","arealevel":3,"parentareacode":20},{"areacode":220,"areaname":"\u4e1c\u839e\u5e02","arealevel":3,"parentareacode":20},{"areacode":221,"areaname":"\u4e2d\u5c71\u5e02","arealevel":3,"parentareacode":20},{"areacode":222,"areaname":"\u4f5b\u5c71\u5e02","arealevel":3,"parentareacode":20},{"areacode":223,"areaname":"\u97f6\u5173\u5e02","arealevel":3,"parentareacode":20},{"areacode":224,"areaname":"\u6c5f\u95e8\u5e02","arealevel":3,"parentareacode":20},{"areacode":225,"areaname":"\u6e5b\u6c5f\u5e02","arealevel":3,"parentareacode":20},{"areacode":226,"areaname":"\u8302\u540d\u5e02","arealevel":3,"parentareacode":20},{"areacode":227,"areaname":"\u8087\u5e86\u5e02","arealevel":3,"parentareacode":20},{"areacode":228,"areaname":"\u60e0\u5dde\u5e02","arealevel":3,"parentareacode":20},{"areacode":229,"areaname":"\u6885\u5dde\u5e02","arealevel":3,"parentareacode":20},{"areacode":230,"areaname":"\u6c55\u5c3e\u5e02","arealevel":3,"parentareacode":20},{"areacode":231,"areaname":"\u6cb3\u6e90\u5e02","arealevel":3,"parentareacode":20},{"areacode":232,"areaname":"\u9633\u6c5f\u5e02","arealevel":3,"parentareacode":20},{"areacode":233,"areaname":"\u6e05\u8fdc\u5e02","arealevel":3,"parentareacode":20},{"areacode":234,"areaname":"\u6f6e\u5dde\u5e02","arealevel":3,"parentareacode":20},{"areacode":235,"areaname":"\u63ed\u9633\u5e02","arealevel":3,"parentareacode":20},{"areacode":236,"areaname":"\u5357\u5b81\u5e02","arealevel":3,"parentareacode":21},{"areacode":237,"areaname":"\u67f3\u5dde\u5e02","arealevel":3,"parentareacode":21},{"areacode":238,"areaname":"\u6842\u6797\u5e02","arealevel":3,"parentareacode":21},{"areacode":239,"areaname":"\u68a7\u5dde\u5e02","arealevel":3,"parentareacode":21},{"areacode":240,"areaname":"\u5317\u6d77\u5e02","arealevel":3,"parentareacode":21},{"areacode":241,"areaname":"\u9632\u57ce\u6e2f\u5e02","arealevel":3,"parentareacode":21},{"areacode":242,"areaname":"\u94a6\u5dde\u5e02","arealevel":3,"parentareacode":21},{"areacode":243,"areaname":"\u8d35\u6e2f\u5e02","arealevel":3,"parentareacode":21},{"areacode":244,"areaname":"\u7389\u6797\u5e02","arealevel":3,"parentareacode":21},{"areacode":245,"areaname":"\u8d3a\u5dde\u5e02","arealevel":3,"parentareacode":21},{"areacode":246,"areaname":"\u767e\u8272\u5e02","arealevel":3,"parentareacode":21},{"areacode":247,"areaname":"\u6d77\u53e3\u5e02","arealevel":3,"parentareacode":22},{"areacode":248,"areaname":"\u6210\u90fd\u5e02","arealevel":3,"parentareacode":23},{"areacode":249,"areaname":"\u7ef5\u9633\u5e02","arealevel":3,"parentareacode":23},{"areacode":250,"areaname":"\u5fb7\u9633\u5e02","arealevel":3,"parentareacode":23},{"areacode":251,"areaname":"\u81ea\u8d21\u5e02","arealevel":3,"parentareacode":23},{"areacode":252,"areaname":"\u6500\u679d\u82b1\u5e02","arealevel":3,"parentareacode":23},{"areacode":253,"areaname":"\u5e7f\u5143\u5e02","arealevel":3,"parentareacode":23},{"areacode":254,"areaname":"\u5185\u6c5f\u5e02","arealevel":3,"parentareacode":23},{"areacode":255,"areaname":"\u4e50\u5c71\u5e02","arealevel":3,"parentareacode":23},{"areacode":256,"areaname":"\u5357\u5145\u5e02","arealevel":3,"parentareacode":23},{"areacode":257,"areaname":"\u5b9c\u5bbe\u5e02","arealevel":3,"parentareacode":23},{"areacode":258,"areaname":"\u5e7f\u5b89\u5e02","arealevel":3,"parentareacode":23},{"areacode":260,"areaname":"\u96c5\u5b89\u5e02","arealevel":3,"parentareacode":23},{"areacode":261,"areaname":"\u7709\u5c71\u5e02","arealevel":3,"parentareacode":23},{"areacode":262,"areaname":"\u7518\u5b5c\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":23},{"areacode":263,"areaname":"\u51c9\u5c71\u5f5d\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":23},{"areacode":264,"areaname":"\u8d35\u9633\u5e02","arealevel":3,"parentareacode":24},{"areacode":265,"areaname":"\u516d\u76d8\u6c34\u5e02","arealevel":3,"parentareacode":24},{"areacode":266,"areaname":"\u9075\u4e49\u5e02","arealevel":3,"parentareacode":24},{"areacode":267,"areaname":"\u5b89\u987a\u5e02","arealevel":3,"parentareacode":24},{"areacode":268,"areaname":"\u94dc\u4ec1\u5730\u533a","arealevel":3,"parentareacode":24},{"areacode":269,"areaname":"\u9ed4\u897f\u5357\u5e03\u4f9d\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":24},{"areacode":270,"areaname":"\u6bd5\u8282\u5730\u533a","arealevel":3,"parentareacode":24},{"areacode":271,"areaname":"\u9ed4\u4e1c\u5357\u82d7\u65cf\u4f97\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":24},{"areacode":272,"areaname":"\u6606\u660e\u5e02","arealevel":3,"parentareacode":25},{"areacode":273,"areaname":"\u5927\u7406\u767d\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":25},{"areacode":274,"areaname":"\u66f2\u9756\u5e02","arealevel":3,"parentareacode":25},{"areacode":275,"areaname":"\u7389\u6eaa\u5e02","arealevel":3,"parentareacode":25},{"areacode":276,"areaname":"\u662d\u901a\u5e02","arealevel":3,"parentareacode":25},{"areacode":277,"areaname":"\u695a\u96c4\u5f5d\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":25},{"areacode":278,"areaname":"\u7ea2\u6cb3\u54c8\u5c3c\u65cf\u5f5d\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":25},{"areacode":279,"areaname":"\u6587\u5c71\u58ee\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":25},{"areacode":281,"areaname":"\u897f\u53cc\u7248\u7eb3\u50a3\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":25},{"areacode":282,"areaname":"\u4fdd\u5c71\u5e02","arealevel":3,"parentareacode":25},{"areacode":283,"areaname":"\u5fb7\u5b8f\u50a3\u65cf\u666f\u9887\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":25},{"areacode":284,"areaname":"\u4e3d\u6c5f\u5e02","arealevel":3,"parentareacode":25},{"areacode":285,"areaname":"\u6012\u6c5f\u5088\u50f3\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":25},{"areacode":286,"areaname":"\u8fea\u5e86\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":25},{"areacode":287,"areaname":"\u62c9\u8428\u5e02","arealevel":3,"parentareacode":26},{"areacode":288,"areaname":"\u65e5\u5580\u5219\u5730\u533a","arealevel":3,"parentareacode":26},{"areacode":289,"areaname":"\u5c71\u5357\u5730\u533a","arealevel":3,"parentareacode":26},{"areacode":290,"areaname":"\u6797\u829d\u5730\u533a","arealevel":3,"parentareacode":26},{"areacode":291,"areaname":"\u660c\u90fd\u5730\u533a","arealevel":3,"parentareacode":26},{"areacode":292,"areaname":"\u963f\u91cc\u5730\u533a","arealevel":3,"parentareacode":26},{"areacode":293,"areaname":"\u897f\u5b89\u5e02","arealevel":3,"parentareacode":27},{"areacode":294,"areaname":"\u5b9d\u9e21\u5e02","arealevel":3,"parentareacode":27},{"areacode":295,"areaname":"\u54b8\u9633\u5e02","arealevel":3,"parentareacode":27},{"areacode":296,"areaname":"\u94dc\u5ddd\u5e02","arealevel":3,"parentareacode":27},{"areacode":297,"areaname":"\u6e2d\u5357\u5e02","arealevel":3,"parentareacode":27},{"areacode":298,"areaname":"\u5ef6\u5b89\u5e02","arealevel":3,"parentareacode":27},{"areacode":299,"areaname":"\u6986\u6797\u5e02","arealevel":3,"parentareacode":27},{"areacode":300,"areaname":"\u6c49\u4e2d\u5e02","arealevel":3,"parentareacode":27},{"areacode":301,"areaname":"\u5b89\u5eb7\u5e02","arealevel":3,"parentareacode":27},{"areacode":302,"areaname":"\u5170\u5dde\u5e02","arealevel":3,"parentareacode":28},{"areacode":303,"areaname":"\u5609\u5cea\u5173\u5e02","arealevel":3,"parentareacode":28},{"areacode":304,"areaname":"\u91d1\u660c\u5e02","arealevel":3,"parentareacode":28},{"areacode":305,"areaname":"\u767d\u94f6\u5e02","arealevel":3,"parentareacode":28},{"areacode":306,"areaname":"\u5929\u6c34\u5e02","arealevel":3,"parentareacode":28},{"areacode":307,"areaname":"\u9152\u6cc9\u5e02","arealevel":3,"parentareacode":28},{"areacode":308,"areaname":"\u5f20\u6396\u5e02","arealevel":3,"parentareacode":28},{"areacode":309,"areaname":"\u6b66\u5a01\u5e02","arealevel":3,"parentareacode":28},{"areacode":310,"areaname":"\u5b9a\u897f\u5e02","arealevel":3,"parentareacode":28},{"areacode":311,"areaname":"\u9647\u5357\u5e02","arealevel":3,"parentareacode":28},{"areacode":312,"areaname":"\u5e73\u51c9\u5e02","arealevel":3,"parentareacode":28},{"areacode":313,"areaname":"\u5e86\u9633\u5e02","arealevel":3,"parentareacode":28},{"areacode":314,"areaname":"\u4e34\u590f\u56de\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":28},{"areacode":315,"areaname":"\u94f6\u5ddd\u5e02","arealevel":3,"parentareacode":29},{"areacode":316,"areaname":"\u77f3\u5634\u5c71\u5e02","arealevel":3,"parentareacode":29},{"areacode":317,"areaname":"\u5434\u5fe0\u5e02","arealevel":3,"parentareacode":29},{"areacode":318,"areaname":"\u897f\u5b81\u5e02","arealevel":3,"parentareacode":30},{"areacode":319,"areaname":"\u6d77\u4e1c\u5730\u533a","arealevel":3,"parentareacode":30},{"areacode":321,"areaname":"\u6d77\u5317\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":30},{"areacode":322,"areaname":"\u9ec4\u5357\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":30},{"areacode":323,"areaname":"\u7389\u6811\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":30},{"areacode":324,"areaname":"\u679c\u6d1b\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":30},{"areacode":325,"areaname":"\u4e4c\u9c81\u6728\u9f50\u5e02","arealevel":3,"parentareacode":31},{"areacode":326,"areaname":"\u77f3\u6cb3\u5b50\u5e02","arealevel":3,"parentareacode":31},{"areacode":327,"areaname":"\u514b\u62c9\u739b\u4f9d\u5e02","arealevel":3,"parentareacode":31},{"areacode":328,"areaname":"\u4f0a\u7281\u54c8\u8428\u514b\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":31},{"areacode":330,"areaname":"\u660c\u5409\u56de\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":31},{"areacode":331,"areaname":"\u514b\u5b5c\u52d2\u82cf\u67ef\u5c14\u514b\u5b5c\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":31},{"areacode":332,"areaname":"\u535a\u5c14\u5854\u62c9\u8499\u53e4\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":31},{"areacode":333,"areaname":"\u5410\u9c81\u756a\u5730\u533a","arealevel":3,"parentareacode":31},{"areacode":334,"areaname":"\u54c8\u5bc6\u5730\u533a","arealevel":3,"parentareacode":31},{"areacode":335,"areaname":"\u5580\u4ec0\u5730\u533a","arealevel":3,"parentareacode":31},{"areacode":336,"areaname":"\u548c\u7530\u5730\u533a","arealevel":3,"parentareacode":31},{"areacode":355,"areaname":"\u9102\u5c14\u591a\u65af\u5e02","arealevel":3,"parentareacode":7},{"areacode":356,"areaname":"\u901a\u8fbd\u5e02","arealevel":3,"parentareacode":7},{"areacode":357,"areaname":"\u9ed4\u5357\u5e03\u4f9d\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":24},{"areacode":358,"areaname":"\u5927\u5174\u5b89\u5cad\u5730\u533a","arealevel":3,"parentareacode":10},{"areacode":359,"areaname":"\u5546\u6d1b\u5e02","arealevel":3,"parentareacode":27},{"areacode":360,"areaname":"\u56fa\u539f\u5e02","arealevel":3,"parentareacode":29},{"areacode":361,"areaname":"\u4e2d\u536b\u5e02","arealevel":3,"parentareacode":29},{"areacode":362,"areaname":"\u4e91\u6d6e\u5e02","arealevel":3,"parentareacode":20},{"areacode":363,"areaname":"\u8944\u9633\u5e02","arealevel":3,"parentareacode":18},{"areacode":364,"areaname":"\u9102\u5dde\u5e02","arealevel":3,"parentareacode":18},{"areacode":365,"areaname":"\u8861\u6c34\u5e02","arealevel":3,"parentareacode":5},{"areacode":366,"areaname":"\u5b81\u5fb7\u5e02","arealevel":3,"parentareacode":14},{"areacode":367,"areaname":"\u6dee\u5b89\u5e02","arealevel":3,"parentareacode":11},{"areacode":368,"areaname":"\u5854\u57ce\u5730\u533a","arealevel":3,"parentareacode":31},{"areacode":369,"areaname":"\u4e0a\u9976\u5e02","arealevel":3,"parentareacode":15},{"areacode":370,"areaname":"\u65b0\u4f59\u5e02","arealevel":3,"parentareacode":15},{"areacode":371,"areaname":"\u5f20\u5bb6\u754c\u5e02","arealevel":3,"parentareacode":19},{"areacode":372,"areaname":"\u795e\u519c\u67b6\u6797\u533a","arealevel":3,"parentareacode":18},{"areacode":373,"areaname":"\u9042\u5b81\u5e02","arealevel":3,"parentareacode":23},{"areacode":374,"areaname":"\u5df4\u4e2d\u5e02","arealevel":3,"parentareacode":23},{"areacode":375,"areaname":"\u6cf8\u5dde\u5e02","arealevel":3,"parentareacode":23},{"areacode":376,"areaname":"\u8d44\u9633\u5e02","arealevel":3,"parentareacode":23},{"areacode":377,"areaname":"\u8fbe\u5dde\u5e02","arealevel":3,"parentareacode":23},{"areacode":378,"areaname":"\u6cb3\u6c60\u5e02","arealevel":3,"parentareacode":21},{"areacode":379,"areaname":"\u4e3d\u6c34\u5e02","arealevel":3,"parentareacode":12},{"areacode":380,"areaname":"\u4eb3\u5dde\u5e02","arealevel":3,"parentareacode":13},{"areacode":381,"areaname":"\u5ef6\u8fb9\u671d\u9c9c\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":9},{"areacode":382,"areaname":"\u846b\u82a6\u5c9b\u5e02","arealevel":3,"parentareacode":8},{"areacode":383,"areaname":"\u8fd0\u57ce\u5e02","arealevel":3,"parentareacode":6},{"areacode":384,"areaname":"\u4e09\u4e9a\u5e02","arealevel":3,"parentareacode":22},{"areacode":385,"areaname":"\u6765\u5bbe\u5e02","arealevel":3,"parentareacode":21},{"areacode":386,"areaname":"\u5df4\u97f3\u90ed\u695e\u8499\u53e4\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":31},{"areacode":387,"areaname":"\u963f\u514b\u82cf\u5730\u533a","arealevel":3,"parentareacode":31},{"areacode":388,"areaname":"\u4e34\u6ca7\u5e02","arealevel":3,"parentareacode":25},{"areacode":389,"areaname":"\u7518\u5357\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":28},{"areacode":390,"areaname":"\u963f\u52d2\u6cf0\u5730\u533a","arealevel":3,"parentareacode":31},{"areacode":391,"areaname":"\u6d77\u897f\u8499\u53e4\u65cf\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":30},{"areacode":393,"areaname":"\u6d4e\u6e90\u5e02","arealevel":3,"parentareacode":17},{"areacode":394,"areaname":"\u5d07\u5de6\u5e02","arealevel":3,"parentareacode":21},{"areacode":395,"areaname":"\u83cf\u6cfd\u5e02","arealevel":3,"parentareacode":16},{"areacode":396,"areaname":"\u963f\u575d\u85cf\u65cf\u7f8c\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":23},{"areacode":398,"areaname":"\u90a3\u66f2\u5730\u533a","arealevel":3,"parentareacode":26},{"areacode":399,"areaname":"\u963f\u62c9\u5c14\u5e02","arealevel":3,"parentareacode":31},{"areacode":400,"areaname":"\u6587\u660c\u5e02","arealevel":3,"parentareacode":22},{"areacode":403,"areaname":"\u743c\u6d77\u5e02","arealevel":3,"parentareacode":22},{"areacode":406,"areaname":"\u4e94\u6307\u5c71\u5e02","arealevel":3,"parentareacode":22},{"areacode":409,"areaname":"\u4e1c\u65b9\u5e02","arealevel":3,"parentareacode":22},{"areacode":410,"areaname":"\u6d77\u5357\u85cf\u65cf\u81ea\u6cbb\u5dde","arealevel":3,"parentareacode":30},{"areacode":411,"areaname":"\u666e\u6d31\u5e02","arealevel":3,"parentareacode":25}]
};
//合并默认参数和用户自定义参数
for(var i in options){
this.default[i] = options[i];
}
//插件初始化入口
this.init();
}
area.prototype = {
init:function(){
this.addcss().render().bind();

},
addcss:fAddCss,
render:fRender,
bind:fBind
}
function fAddCss(){
//加入插件样式到页面中
var cssStyle = 'div,p,select{margin:0;padding:0}select{border-style:none; border:1px solid #ccc;width:160px; height:25px; margin:5px 15px;}';
var newstyle = document.createElement('style');
if(document.all){
newstyle.styleSheet.cssText = cssStyle;
}else{
newstyle.innerHTML = cssStyle;
}
var link = document.getElementsByTagName('head')[0];
link.appendChild(newstyle);
return this;
}
function fRender(){
//创建插件所需标签dom
var options = this.default;
var oArea = document.getElementById(options.ele);
var odiv, str, pselect, cselect, createdom = function(ele){
return document.createElement(ele);
}
this.odiv = odiv = createdom("div");
this.aselect = aselect = createdom("select");
this.pselect = pselect = createdom("select");
this.cselect = cselect = createdom("select");

var area = fGetData(options.data,0);
aselect.innerHTML = '<option value="">请选择区域</option>' + fCreateOptions(area);
pselect.innerHTML = '<option value="">请选择省份</option>';
cselect.innerHTML = '<option value="">请选择城市</option>';
odiv.appendChild(aselect);
odiv.appendChild(pselect);
odiv.appendChild(cselect);
oArea.appendChild(odiv);
return this;
}
function fBind(){
//为插件的交互绑定事件
var _self = this;
var areaData = _self.default.data;
this.aselect.onchange=function(){
var area = this.value;
var province = fGetData(areaData,area);
_self.pselect.innerHTML = '<option value="">请选择省份</option>' + fCreateOptions(province);
}
this.pselect.onchange=function(){
var province = this.value;
var city = fGetData(areaData,province);
_self.cselect.innerHTML = '<option value="">请选择城市</option>' + fCreateOptions(city);
}
return this;
}
function fCreateOptions(data){
//创建option
var html = '';
for(var i in data){
html+= '<option value ="'+data[i].areacode+'">'+data[i].areaname+'</option>';
}
return html;
}
function fGetData(areaData,parentareacode){
//获取相应的区域、省份、城市
var listData=[];
for (var i in areaData) {
if (areaData[i].parentareacode==parentareacode) {
listData.push(areaData[i]);
};
};
return listData;
}
exports.area = area;
})(this);
var obj = new area({name:"xiaoang",room:5});
var obj1 = new area({ele:"box"});
var obj2 = new area({ele:"boxa"});
</script>
</body>
</html>


此三版省市联动组件，是自己平时开发所积累。 好记性不如烂笔头，在此日记。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  js省市联动 地域联动 省市三级联动
相关文章推荐
新的分享
章节导航