页面结构
<form action="">
<select name="" id="provice">
</select>
<select name="" id="city"></select>
<select name="" id="region"></select>
</form>
数据结构
var area = {
'河南省': [{
'郑州市': [{
'中原区': '林山寨街道办事处、建设路街道办事处、棉纺路街道办事处、秦岭路街道办事处、桐柏路街道办事处、三官庙街道办事处、绿东村街道办事处、汝河路街道办事处、航海西路街道办事处、中原西路街道办事处、西流 湖街道办事处、须水街道办事处、石佛镇、沟赵乡'
},
{
'二七区': '淮河路街道办事处、解放路街道办事处、铭功路街道办事处、一马路街道办事处、蜜蜂张街道办事处、五里堡街道办事处、大学路街道办事处、建中街街道办事处、福华街街道办事处、德化街街道办事处、嵩山路街 道办事处、京广路街道办事处、长江路街道办事处、马寨镇、侯寨乡'
},
{
'管城回族区': '北下街街道办事处、西大街街道办事处、南关街道办事处、城东路街道办事处、东大街街道办事处、二里岗街道办事处、陇海路街道办事处、紫荆山南路街道办事处、航海东路街道办事处、十八里河镇、南曹乡、 圃田乡、经济开发区明湖街道办事处、经济开发区潮河街道办事处、京航街道办事处、商都路街道办事处'
},
{
'金水区': '经八路街道办事处、花园路街道办事处、人民路街道办事处、杜岭街道办事处、大石桥街道办事处、南阳路街道办事处、南阳新村街道办事处、文化路街道办事处、丰产路街道办事处、东风路街道办事处、北林路街 道办事处、未来路街道办事处、凤凰台街道办事处、龙子湖街道办事处、祭城路街道办事处、兴达路街道办事处、国基路街道办事处、杨金路街道办事处、丰庆路街道办事处、如意湖街道办事处、博学路街道办事处'
},
{
'上街区': '济源路街道办事处、中心路街道办事处、新安路街道办事处、工业路街道办事处、矿山街道办事处、峡窝镇'
},
{
'惠济区': '新城街道办事处、刘寨街道办事处、老鸦陈街道办事处、长兴路街道办事处、迎宾路街道办事处、大河路街道办事处、花园口镇、古荥镇'
},
{
'中牟县': '青年路街道办事处、东风路街道办事处、广惠街街道办事处、韩寺镇、官渡镇、狼城岗镇、万滩镇、白沙镇、郑庵镇、张庄镇、黄店镇、大孟镇、九龙镇、刘集镇、八岗镇、雁鸣湖镇、姚家镇、三官庙镇、刁家乡'
},
{
'巩义市': '新华路街道办事处、杜甫路街道办事处、永安路街道办事处、孝义街道办事处、紫荆路街道办事处、米河镇、新中镇、小关镇、竹林镇、大峪沟镇、河洛镇、站街镇、康店镇、北山口镇、西村镇、芝田镇、回郭镇、 鲁庄镇、夹津口镇、涉村镇、豫联工业园区管委会'
},
{
'荥阳市': '索河街道办事处、京城街道办事处、乔楼镇、豫龙镇、广武镇、王村镇、汜水镇、高山镇、刘河镇、崔庙镇、贾峪镇、城关乡、高村乡、金寨回族乡'
},
{
'新密市': '青屏街街道办事处、新华路街道办事处、西大街街道办事处、城关镇、米村镇、牛店镇、平陌镇、超化镇、苟堂镇、大隗镇、刘寨镇、白寨镇、岳村镇、来集镇、曲梁镇、袁庄乡、矿区街道办事处、尖山风景区管理 委员会、郑州曲梁产业集聚区管理委员会'
},
{
'新郑市': '新建路街道办事处、新华路街道办事处、新烟街道办事处、新村镇、辛店镇、观音寺镇、梨河镇、和庄镇、薛店镇、孟庄镇、郭店镇、龙湖镇、城关乡、八千乡、龙王乡、新港办事处、郑港办事处、具茨山国家级森 林公园管理委员会、中心城区新区建设管理委员会'
},
{
'登封市': '嵩阳街道办事处、少林街道办事处、中岳街道办事处、大金店镇、颖阳镇、卢店镇、告成镇、阳城区镇、大冶镇、宣化镇、徐庄镇、东华镇、白坪乡、君召乡、石道乡、唐庄乡、送表矿区'
},
{
'郑东新区': '郑东新区'
},
{
'高新区': '长椿路腊梅路、长椿路药厂街、长椿路梧桐街'
},
{
'经开区': '经开第三大街、航海东路、朝凤路、经北二路'
},
{
'航空港区': '郑港十一路、富三街'
}
],
'开封市': [{
'龙亭区': '北书店街道办事处、午朝门街道办事处、大兴街道办事处、北道门街道办事处、北郊乡、柳园口乡、城西街道、梁苑街道、杏花营镇、西郊乡、水稻乡、杏花营农场、'
},
{
'顺河回族区': '清平街道、铁塔街道、曹门街道、宋门街道、工业街道、苹果园街道、东郊乡、土柏岗乡'
},
{
'鼓楼区': '相国寺街道、新华街道、卧龙街道、州桥街道、西司门街道、南苑街道、五一街道、仙人庄街道'
},
{
'禹王台区': '三里堡街道、新门关街道、繁塔街道、官坊街道、菜市街道、南郊乡、汪屯乡'
},
{
'祥符区': '城关镇、陈留镇、仇楼镇、八里湾镇、曲兴镇、朱仙镇、半坡店乡、罗王乡、刘店乡、袁坊乡、杜良乡、兴隆乡、西姜寨乡、万隆乡、范村乡'
},
{
'杞县': '城关镇、五里河镇、付集镇、于镇镇、高阳镇、葛岗镇、阳固镇、邢口镇、裴村店乡、宗店乡、板木乡、竹林乡、官庄乡、湖岗乡、苏木乡、沙沃乡、平城乡、泥沟乡、柿元乡、西寨乡、城郊乡、工业园区'
},
{
'通许县': '城关镇、竖岗镇、玉皇庙镇、四所楼镇、朱砂镇、长智镇、冯庄乡、孙营乡、大岗李乡、邸阁乡、练城乡、厉庄乡'
},
{
'尉氏县': '城关镇、洧川镇、朱曲镇、蔡庄镇、永兴镇、张市镇、十八里镇、水坡镇、大营镇、邢庄乡、庄头乡、大马乡、岗李乡、门楼任乡、大桥乡、南曹乡、小陈乡'
},
{
'兰考县': '城关镇、固阳镇、南彰镇、张君墓镇、红庙镇、城关乡、三义寨乡、坝头乡、爪营乡、谷营乡、小宋乡、孟寨乡、许河乡、葡萄架乡、闫楼乡、仪封乡、中原石油勘探三公司、仪封园艺场、造纸林场、柳林林场、西 关农场、畜牧良种农场、固阳农科所'
}
],
'洛阳市': [{
'老城区': '西关街道办事处、西南隅街道办事处、西北隅街道办事处、东南隅街道办事处、东北隅街道办事处、南关街道办事处、洛浦街道办事处、邙山街道办事处'
},
{
'西工区': '王城路街道办事处、金谷园街道办事处、西工街道办事处、邙岭路街道办事处、道北路街道办事处、唐宫路街道办事处、汉屯路街道办事处、凯旋东路街道办事处、洛北乡、红山乡'
},
{
'瀍河回族区': '东关街道办事处、五股路街道办事处、北窑街道办事处、塔湾街道办事处、杨文街道办事处、华林新村街道办事处、瀍河回族区'
},
{
'涧西区': '湖北路街道办事处、天津路街道办事处、长春路街道办事处、南昌路街道办事处、长安路街道办事处、重庆路街道办事处、郑州路街道办事处、武汉路街道办事处、徐家营街道办事处、珠江路街道办事处、周山路街 道办事处、工农街道办事处、辛店街道办事处、瀛洲街道办事处、创业路街道办事处'
},
{
'吉利区': '大庆路街道办事处、吉利乡'
},
{
'洛龙区': '安乐街道办事处、开元路街道办事处、龙门石窟街道办事处、关林镇、龙门镇、安乐镇、白马寺镇、李楼镇、诸葛镇、李村镇、庞村镇、寇店镇、佃庄镇、古城乡、镇北路街道办事处'
},
{
'孟津县': '城关镇、会盟镇、平乐镇、送庄镇、白鹤镇、朝阳镇、小浪底镇、麻屯镇、横水镇、常袋镇'
},
{
'新安县': '城关镇、石寺镇、五头镇、磁涧镇、铁门镇、南李村镇、北冶镇、仓头镇、正村镇、石井镇、曹村乡、洛阳市洛新产业集聚区管理委员会'
},
{
'栾川县': '城关镇、赤土店镇、合峪镇、潭头镇、三川镇、冷水镇、陶湾镇、石庙镇、庙子镇、狮子庙镇、白土镇、叫河镇、栾川乡、秋扒乡'
},
{
'嵩县': '城关镇、田湖镇、旧县镇、车村镇、闫庄镇、德亭镇、大章镇、白河镇、纸房镇、大坪乡、库区乡、何村乡、饭坡乡、九店乡、黄庄乡、木植街乡、陶村林场、五马寺林场、王莽寨林场'
},
{
'汝阳县': '城关镇、上店镇、付店镇、小店镇、三屯镇、刘店镇、内埠镇、柏树乡、十八盘乡、靳村乡、王坪乡、陶营乡、蔡店乡、大安工业园区'
},
{
'宜阳县': '城关镇、丰李镇、柳泉镇、韩城镇、白杨镇、香鹿山镇、锦屏镇、三乡镇、张坞镇、莲庄镇、盐镇乡、高村乡、花果山乡、上观乡、赵保乡、董王庄乡、樊村乡'
},
{
'洛宁县': '城关镇、王范回族镇、上戈镇、下峪镇、河底镇、兴华镇、东宋镇、马店镇、故县镇、赵村镇、城郊乡、小界乡、长水乡、罗岭乡、底张乡、山底乡、陈吴乡、涧口乡'
},
{
'伊川县': '城关镇、鸣皋镇、水寨镇、彭婆镇、白沙镇、江左镇、高山镇、吕店镇、半坡镇、鸦岭乡、平等乡、酒后乡、葛寨乡、白元乡'
},
{
'偃师市': '商城街道办事处、工业区街道办事处、首阳山街道办事处、翟镇、岳滩镇、顾县镇、缑氏镇、府店镇、高龙镇、山化镇、邙岭乡、大口乡'
},
{
'伊滨区': '诸葛镇、李村镇、庞村镇、佃庄镇、寇店镇'
},
{
'洛阳新区': '牡丹大道、金城寨街、王城大道'
},
{
'高新区': '河洛路、孙辛路'
}
],
'平顶山市': [{
'新华区': '曙光街街道办事处、光明路街道办事处、中兴路街道办事处、矿工路街道办事处、西市场街道办事处、新新街街道办事处、青石山街道办事处、湛河北路街道办事处、湖滨路街道办事处、西高皇街道办事处、焦店 镇、香山管委会、滨湖管委会、应滨管委会'
},
{
'卫东区': '东安路街道办事处、优越路街道办事处、五一路街道办事处、建设路街道办事处、东环路街道办事处、东工人镇街道办事处、光华路街道办事处、鸿鹰街道办事处、皇台街道办事处、北环路街道办事处、东高皇街道办事处、蒲城街道办事处'
},
{
'石龙区': '高庄街道办事处、龙兴街道办事处、人民路街道办事处、龙河街道办事处'
},
{
'湛河区': '马庄街道、南环路街道、姚孟街道、九里山街道、轻工路街道、高阳路街道、北渡镇、曹镇乡'
},
{
'宝丰县': '铁路街道办事处、城关镇、周庄镇、闹店镇、石桥镇、商酒务镇、大营镇、张八桥镇、杨庄镇、肖旗乡、赵庄乡、前营乡、李庄乡'
},
{
'叶县': '昆阳镇、任店镇、保安镇、仙台镇、遵化店镇、叶邑镇、廉村镇、常村镇、辛店镇、城关乡、夏李乡、马庄回族乡、田庄乡、龚店乡、龙泉乡、水寨乡、洪庄杨乡、邓李乡'
},
{
'鲁山县': '露峰街道办事处、琴台街道办事处、鲁阳街道办事处、汇源街道办事处、下汤镇、梁洼镇、张官营镇、张良镇、尧山镇、赵村乡、四棵树乡、团城乡、熊背乡、让河乡、瓦屋乡、观音寺乡、昭平台库区乡、背孜乡 、仓头乡、董周乡、张店乡、辛集乡、滚子营乡、马楼乡'
},
{
'郏县': '龙山街道办事处、东城街道办事处、冢头镇、安良镇、堂街镇、薛店镇、长桥镇、茨芭镇、黄道镇、李口镇、王集乡、姚庄、回族乡、白庙乡、广阔天地乡、渣元乡'
},
{
'舞钢市': '垭口街道办事处、寺坡街道办事处、朱兰街道办事处、院岭街道办事处、矿建街道办事处、尚店镇、八台镇、尹集镇、枣林镇、庙街乡、铁山乡、武功乡、杨庄乡'
},
{
'汝州市': '煤山街道办事处、风穴路街道办事处、钟楼街道办事处、洗耳河街道办事处、汝南街道办事处、寄料镇、温泉镇、临汝镇、小屯镇、杨楼镇、蟒川镇、庙下镇、米庙镇、陵头镇、王寨乡、纸坊乡、骑岭乡、大峪乡、夏店乡、焦村乡'
}
],
'安阳市': [{
'文峰区': '东大街街道办事处、头二三街道办事处、甜水井街道办事处、东关街道办事处、南关街道办事处、西大街街道办事处、北大街街道办事处、西关街道办事处、紫薇大道街道办事处、光华路街道办事处、永明路街道办 事处、中华路街道办事处、宝莲寺镇、高庄乡、步行街综合治理办公室、北大街综合治理办公室、开发区峨嵋大街街道办事处、开发区银杏大街街道办事处、开发区商颂大街街道办事处'
},
{
'北关区': '红旗路街道办事处、解放路街道办事处、灯塔路街道办事处、豆腐营街道办事处、洹北街道办事处、彰东街道办事处、彰北街道办事处、民航路街道办事处、曙光路街道办事处'
},
{
'殷都区': '梅园庄街道办事处、李珍街道办事处、电厂路街道办事处、纱厂路街道办事处、铁西路街道办事处、水冶街道办事处、清风街街道办事处、北蒙街道办事处、相台街道办事处、西郊乡'
},
{
'龙安区': '田村街道办事处、彰武街道办事处、文昌大道街道办事处、文明大道街道办事处、太行小区街道办事处、中州路街道办事处、龙泉镇、东风乡、马投涧乡'
},
{
'安阳县': '水冶镇、铜冶镇、善应镇、柏庄镇、白璧镇、曲沟镇、吕村镇、伦掌镇、蒋村镇、崔家桥镇、辛村镇、韩陵镇、都里乡、磊口乡、许家沟乡、马家乡、安丰乡、洪河屯乡、永和乡、瓦店乡、北郭乡'
},
{
'汤阴县': '城关镇、菜园镇、任固镇、五陵镇、宜沟镇、白营镇、伏道镇、韩庄乡、古贤乡、瓦岗乡'
},
{
'滑县': '道口镇、城关镇、白道口镇、留固镇、上官镇、牛屯镇、万古镇、高平镇、王庄镇、老店镇、枣村乡、四间房乡、八里营乡、赵营乡、大寨乡、桑村乡、老爷庙乡、慈周寨乡、瓦岗寨乡、焦虎乡、半坡店乡、小铺乡、新区管委会'
},
{
'内黄县': '城关镇、东庄镇、井店镇、梁庄镇、后河镇、楚旺镇、田氏镇、张龙乡、马上乡、高堤乡、亳城乡、二安乡、六村乡、中召乡、宋村乡、石盘屯乡、豆公乡'
},
{
'林州市': '开元街道办事处、振林街道办事处、龙山街道办事处、桂园街道办事处、合涧镇、临淇镇、东姚镇、横水镇、河顺镇、任村镇、姚村镇、陵阳镇、原康镇、五龙镇、采桑镇、东岗镇、桂林镇、城郊乡、茶店乡、石板岩乡'
},
{
'安阳新区': '白璧镇、高庄乡、峨眉大街街道、银杏大街街道、商颂大街街道'
},
{
'高新区': '峨眉大街街道、银杏大街街道、商颂大街街道'
},
{
'林州经济开发区': '卫生路'
}
],
'鹤壁市': [{
'鹤山区': '中北街道、中山路街道、新华街街道、鹤山街街道、九矿广场街道、鹤壁集镇、姬家山乡'
},
{
'山城区': '红旗街道、长风中路街道、山城路街道、汤河街街道、鹿楼街道、宝山街道办事处、大胡街道办事处、石林镇'
},
{
'淇滨区': '金山办事处、大赉店镇、钜桥镇、上峪乡、大河涧乡、九州路街道、黎阳路街道、长江路街道、海河路办事处、渤海路办事处、东杨办事处'
},
{
'浚县': '卫溪街道办事处、浚州街道办事处、黎阳街道办事处、 伾山街道办事处、善堂镇、屯子镇、新镇镇、小河镇、卫贤镇、王庄镇、白寺乡'
},
{
'淇县': '朝歌街道办事处、桥盟街道办事处、卫都街道办事处、灵山街道办事处、高村镇、北阳镇、西岗镇、庙口镇、黄洞乡'
}
],
'新乡市': [{
'红旗区': '西街街道办事处、东街街道办事处、渠东街道办事处、文化街街道办事处、向阳小区街道办事处、洪门镇、小店镇、开发区关堤乡、小店工业园区、开发区街道办事处'
},
{
'卫滨区': '胜利路街道办事处、解放路街道办事处、中同街街道办事处、健康路街道办事处、自由路街道办事处、南桥街道办事处、铁西街道办事处、平原乡'
},
{
'凤泉区': '宝西街道办事处、宝东街道办事处、大块镇、潞王坟乡、耿黄乡'
},
{
'牧野区': '东干道街道办事处、荣校路街道办事处、北干道街道办事处、花园街道办事处、卫北街道办事处、新辉路街道办事处、和平路街道办事处、王村镇、牧野乡、新乡化学与物理电源产业园区管理委员会'
},
{
'新乡县': '翟坡镇、小冀镇、七里营镇、朗公庙镇、古固寨镇、大召营镇、合河乡、新乡经济开发区'
},
{
'获嘉县': '城关镇、照境镇、黄堤镇、中和镇、徐营镇、冯庄镇、亢村镇、史庄镇、位庄乡、大新庄乡、太山乡、原种场、园艺场、农场、西工区管理委员会'
},
{
'原阳县': '龙源街道办事处、城关镇、原武镇、师寨镇、齐街镇、太平镇、福宁集镇、葛埠口乡、祝楼乡、桥北乡、韩董庄乡、蒋庄乡、官厂乡、大宾乡、陡门乡、路寨乡、阳阿乡、靳堂乡'
},
{
'延津县': '城关镇、东屯镇、丰庄镇、僧固乡、石婆固乡、位邱乡、司寨乡、王楼乡、马庄乡、胙城乡、榆林乡、小潭乡、国营林场、新兴农场、新乡市食品工业聚集区、新乡市纺织工业聚集区'
},
{
'封丘县': '城关镇、黄陵镇、黄德镇、应举镇、陈桥镇、赵岗镇、留光镇、潘店镇、城关乡、回族乡、王村乡、陈固乡、居厢乡、鲁岗乡、荆宫乡、曹岗乡、李庄乡、尹岗乡、冯村乡'
},
{
'长垣县': '蒲西街道办事处、蒲东街道办事处、南蒲街道办事处、蒲北街道办事处、魏庄街道办事处、丁栾镇、樊相镇、恼里镇、常村镇、赵堤镇、孟岗镇、满村镇、苗寨镇、张三寨镇、芦岗乡、方里乡、武邱乡、佘家乡、河南长垣起重工业园区管理委员会'
},
{
'卫辉市': '汲水镇、太公镇、孙杏村镇、后河镇、李源屯镇、唐庄镇、上乐村镇、狮豹头乡、安都乡、顿坊店乡、柳庄乡、庞寨乡、城郊乡、原种场、东风农场、苗圃场、农科所、五四农场'
},
{
'辉县市': '城关街道办事处、胡桥街道办事处、薄壁镇、峪河镇、百泉镇、孟庄镇、常村镇、吴村镇、南村镇、南寨镇、上八里镇、北云门镇、占城镇、冀屯镇、黄水乡、拍石头乡、高庄乡、张村乡、赵固乡、西平罗乡、洪洲乡、沙窑乡'
},
{
'平原新区': '原阳县祝楼乡、桥北乡、原武镇、韩董庄、师寨镇、葛埠口乡'
}
],
'焦作市': [{
'解放区': '民生街道办事处、民主街道办事处、新华街道办事处、焦西街道办事处、焦南街道办事处、焦北街道办事处、七百间街道办事处、上白作街道办事处、王褚街道办事处'
},
{
'中站区': '李封街道办事处、王封街道办事处、朱村街道办事处、冯封街道办事处、龙洞街道办事处、月山街道办事处、丹河街道办事处、许衡街道办事处、府城街道办事处、龙翔街道办事处'
},
{
'马村区': '马村街道办事处、北山街道办事处、冯营街道办事处、九里山街道办事处、待王街道办事处、安阳城街道办事处、演马街道办事处'
},
{
'山阳区': '东方红街道办事处、焦东街道办事处、百间房街道办事处、太行街道办事处、艺新街道办事处、光亚街道办事处、定和街道办事处、中星街道办事处、新城街道办事处、李万街道办事处、文苑街道办事处、阳庙镇、宁郭镇、苏家作乡'
},
{
'修武县': '城关镇、七贤镇、郇封镇、高村乡、周庄乡、五里源乡、岸上乡、西村乡、小营工贸区'
},
{
'博爱县': '博爱县清化镇、博爱县柏山镇、博爱县月山镇、博爱县许良镇、博爱县磨头镇、博爱县孝敬镇、博爱县寨豁乡、博爱县金城乡、国营博爱农场'
},
{
'武陟县': '木城街道办事处、龙源街道办事处、龙泉街道办事处、木栾街道办事处、詹店镇、西陶镇、谢旗营镇、大封镇、嘉应观乡、乔庙乡、圪当店乡、三阳乡、小董乡、大虹桥乡、北郭乡、武陟宁郭农场'
},
{
'温县': '温泉镇、祥云镇、番田镇、黄庄镇、武德镇、赵堡镇、南张羌镇、岳村乡、招贤乡、北冷乡、国营温县农场'
},
{
'沁阳市': '覃怀街道、怀庆街道、太行街道、沁园街道、崇义镇、西向镇、西万镇、柏香镇、山王庄镇、紫陵镇、常平乡、王召乡、王曲乡'
},
{
'孟州市': '大定街道、会昌街道、河雍街道、河阳街道、化工镇、南庄镇、城伯镇、谷旦镇、赵和镇、西虢镇、槐树乡'
}
],
'濮阳市': [{
'华龙区': '中原路街道办事处、胜利路街道办事处、建设路街道办事处、人民路街道办事处、大庆路街道办事处、黄河路街道办事处、任丘路街道办事处、长庆路街道办事处、昆吾路街道办事处、皇甫路街道办事处、开州街道 办事处、王助镇、岳村乡、孟轲乡、胡村乡、新习乡、中原油田街道办事处、开发区街道办事处'
},
{
'开发区': '开发区'
},
{
'清丰县': '城关镇、马庄桥镇、瓦屋头镇、仙庄镇、柳格镇、六塔乡、巩营乡、马村乡、高堡乡、古城乡、大流乡、韩村乡、大屯乡、固城乡、双庙乡、纸房乡、阳邵乡'
},
{
'南乐县': '城关镇、韩张镇、元村镇、福坎镇、杨村乡、张果屯乡、千口乡、谷金楼乡、西邵乡、寺庄乡、梁村乡、近德固乡'
},
{
'范县': '城关镇、濮城镇、龙王庄镇、高码头镇、辛庄乡、杨集乡、陈庄乡、白衣阁乡、王楼乡、颜村铺乡、陆集乡、张庄乡'
},
{
'台前县': '城关镇、侯庙镇、孙口镇、打渔陈镇、后方乡、清水河乡、马楼乡、夹河乡、吴坝乡'
},
{
'濮阳县': '城关镇、濮阳县柳屯镇、濮阳县文留镇、濮阳县庆祖镇、濮阳县八公桥镇、濮阳县徐镇镇、濮阳县户部寨镇、濮阳县鲁河镇、濮阳县清河头乡、濮阳县梁庄乡、濮阳县王称固乡、濮阳县白罡乡、濮阳县梨园乡、濮阳 县五星乡、濮阳县子岸乡、濮阳县胡状乡、濮阳县郎中乡、濮阳县海通乡、濮阳县渠村乡、濮阳县习城乡'
}
],
'许昌市': [{
'魏都区': '西大街道办事处、东大街道办事处、西关街道办事处、南关街道办事处、北大街道办事处、五一路街道办事处、高桥营街道办事处、丁庄街道办事处、七里店街道办事处、文峰街道办事处、新兴街道办事处、半截河 街道办事处、许昌经济开发区、东城区管委会'
},
{
'许昌县': '将官池镇、五女店镇、尚集镇、苏桥镇、蒋李集镇、张潘镇、灵井镇、陈曹乡、邓庄乡、小召乡、河街乡、桂村乡、椹涧乡、榆林乡、长村张乡、艾庄回族乡'
},
{
'鄢陵县': '安陵镇、马栏镇、柏梁镇、陈化店镇、望田镇、大马镇、陶城镇、张桥镇、南坞乡、只乐乡、彭店乡、马坊乡'
},
{
'襄城县': '城关镇、颍桥回族镇、麦岭镇、颍阳镇、王洛镇、紫云镇、库庄镇、十里铺镇、湛北乡、山头店乡、茨沟乡、丁营乡、姜庄乡、范湖乡、双庙乡、汾陈乡'
},
{
'禹州市': '颍川街道办事处、夏都街道办事处、韩城街道办事处、钧台街道办事处、火龙镇、顺店镇、方山镇、鸿畅镇、梁北镇、古城镇、无梁镇、文殊镇、鸠山镇、褚河镇、范坡镇、郭连镇、朱阁镇、浅井镇、方岗镇、花石 镇、苌庄乡、磨街乡、张得乡、小吕乡、山货回族乡'
},
{
'长葛市': '建设路街道办事处、长兴路街道办事处、长社路街道办事处、金桥路街道办事处、和尚桥镇、坡胡镇、后河镇、石固镇、老城镇、南席镇、大周镇、董村镇、增福庙乡、官亭乡、石象乡、古桥乡'
}
]
}
js代码
var data = area;
var provice = document.querySelector("#provice");
var city = document.querySelector("#city");
var region = document.querySelector("#region")
render_option(provice, data);
var city_index = provice.options[provice.selectedIndex].value
var city_data = data[city_index][0];
render_option(city, city_data);
function render_option(select, data) {
var template = ''
for (var x in data) {
template = template + `
<option value="${x}">${x}</option>
`
}
select.innerHTML = template;
}
var region_index = city.options[city.selectedIndex].value
var region_data = city_data[region_index];
render_region(region, region_data)
function render_region(region, region_data) {
var region_template = ''
for (var z in region_data) {
for (var c in region_data[z]) {
region_template = region_template + `
<option value="${c}">${c}</option>
`
}
}
region.innerHTML = region_template;
}
city.onchange = function () {
var region_index = this.options[this.selectedIndex].value
var region_data = city_data[region_index];
render_region(region, region_data)
}
provice.onchange = function () {
city_index = provice.options[provice.selectedIndex].value
city_data = data[city_index][0];
render_option(city, city_data);
var region_index = city.options[city.selectedIndex].value
var region_data = city_data[region_index];
render_region(region, region_data)
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
