全国地名联动取舍的程序|地名三级联动（原创JS无数据库19K优化版）
日期：2014-05-16 浏览次数：20505 次
全国地名联动选择的程序|地名三级联动（原创JS无数据库19K优化版）
前些日子写的一个无数据库，全国地名三级联动选择的程序，今天刚好有些时间，拿来继续优化一下，尽可能压缩和控件化 让更多的朋友能用最少的代码，就能直接实现这个功能。还有做了些添加，比如：东莞、中山，三亚等市原数据库没有下级行政区域，这次优化专门添加了！
以下已经是优化过压缩关键字和JS控件化的程序，主要JS部分优化成19K大小的一个文件，是一张图片的大小，对于用户体验来说，是可以完全可以接受的，特意贴出来供大家参考。
建议：JS调用插入到HTML代码的尾部，这样页面在打开后，所有的内容都呈现给用户了，才开始后台下载19K的JS文件，达到更好的用户体验效果，如下：在body标签下面调用！
演示地址：http://users4.jabry.com/xxq8210/chinaAddr/
使用方法：
新建文本文档，复制以下程序 粘贴另存为： AddrSel.htm
<html>
<title>无数据库-全国地名联动选择</title>
<head>
</head>
<body>
<div id="ctrlContant"></div><!-要新建一个div元素，然后设置一个ID号->
</body>
<script src="chinaArea.js"></script><!-就调用JS文件->
<script>
initChinaAreaSelect("ctrlContant" ) <!-就调用这个函数，一行代码就可以OK，入口参数是上面新建DIV元素的ID号->
</script>
</html>
新建文本文档，复制以下程序 粘贴另存为： chinaArea.js
var addr="6京l天津lv6o山wo内蒙'G辽uo吉$o黑zpo上ylp苏o浙poq徽o福建opwo山sovro!6o!ro广so广w壮族Gyro重庆l四,o贵州o+row藏G陕wo甘肃o]you夏回族Gx疆维吾2G`湾o香港特别行政k澳门特别行政ksbwb崇文k宣3k朝e&`k(景fy淀k门头沟k房f:c顺义k5tk40k怀柔kt谷k密+j延庆j)tkvskvwkr开kv6k红桥k塘沽k汉沽k4港ks丽kw]k津rk6辰k3-k宝坻kuZ静yj蓟j(家庄l唐K秦皇岛l邯郸l邢`l保}l张家[l承9l沧I廊坊l衡1l太原l4同l阳泉l%治l晋L朔I晋8l运L忻I#汾l吕梁l呼)浩特l包头l>yl赤峰l:辽l鄂2多斯l呼伦贝2l/彦淖2l>兰察布l0qi锡$郭勒i阿<善i沈J4连l鞍K抚顺l本^l丹sl锦I营[l阜xl辽J盘锦l铁岭l朝J葫芦岛l%春l吉$l四tl辽~l:|l;K松原l;L延边朝鲜F哈2滨l齐齐哈2l鸡wl鹤岗l双鸭K4庆l伊春l佳木斯l七`vl牡丹H黑vl绥|l40q岭地k黄浦k卢湾k徐汇k%uk静qk普陀k闸6k虹[k杨浦k闵行k宝f嘉}k浦sxk7f松d]浦kr汇k奉贤k崇明jr京l无锡l徐II苏Ir:l连+港l淮M盐L扬I镇H泰I宿迁l杭Iu波l温I嘉0l!I绍0l7.l衢I舟K`I丽1l合肥l芜!l蚌埠l淮rl马鞍K淮6l铜=lq庆l黄K滁I阜J宿I巢!l六M亳I池I宣L福I厦门l莆田l三明l泉I漳Irtlz岩lu9lr5l景9镇l萍乡l九Hx余l鹰潭l赣I吉M宜春l抚I上饶l济rl]岛l淄博l枣庄ls营l烟`l潍坊l济ul泰M威yl日照l莱芜l#沂l9I聊L滨I荷泽l郑I开封l洛Jt顶KqJ鹤壁lx乡l焦作l濮J许5l漯vl三门峡lrJ商丘l信J周[l驻马店l3汉l黄(l十堰l宜5l襄樊l鄂I荆门l孝感l荆I黄冈l咸ul随I恩施土家族{F省直辖行政单位?%沙l株洲l湘潭l衡J邵J岳J常9l张家界l益J郴I@I怀|l娄底l湘w土家族{F广I韶关l深圳l珠yl汕头l佛Kp门l湛H茂名l肇庆l惠I梅I汕尾lv~l阳H-远ls莞l8K潮I揭J+浮lrul柳I桂$l梧I6yl防城港l钦I贵港l玉$l百色l贺Iv池l来宾l崇左ly[l三亚l省直辖县级行政单位?万c涪=k渝8k4渡[kp6k沙坪坝k九z坡kr岸k6碚k万盛k双桥k渝6k/rk黔d%寿k綦V潼X铜梁j4足j荣5j璧R梁a城[j&_j垫V3隆j忠j开j+Q奉节j巫R巫N(柱土家E秀山土家族D酉阳土家族D彭1{族土家Ep津l合,l@,lr,l成_l自贡l攀枝花l泸I9J绵J广元l遂ul内H乐Kr充l眉K宜宾l广M达I雅M/8l资J阿坝藏族羌F甘孜A凉山彝F贵J六盘1l遵义lq顺l铜仁地k黔wr布依族{F毕节地k黔sr{族侗F黔r布依族{F昆明l曲靖l玉^l保K昭:l丽H思茅l#沧l楚雄彝F红v哈尼族彝F文山壮族{Fw双版纳傣F4理;F9宏傣族景颇F怒p傈僳F迪庆A<萨l5_地k山r地k日喀则地k那曲地k阿里地k$芝地kwM铜,l宝鸡l咸J渭rl延M汉8l榆$lq康l商洛l兰I嘉峪关l75l;银l天1l3威l张掖lt凉l酒泉l庆J}wl陇rl#夏回F甘rAwulys地ky6A黄rAyrA果洛A玉树Ayw蒙'族A银,l(嘴K吴忠l固原l8卫l>鲁木齐l*<玛依l吐鲁番地k哈密地k5吉回F博2塔<蒙'自治州?/音郭楞蒙'自治州?阿*苏地k*孜勒苏柯2*孜自治州?喀什地k)田地k伊犁哈萨*自治州?塔城地k阿勒泰地k省直辖行政单位?%qk桥sk桥wkx.k井陉矿k裕.k井陉j正}j栾S行唐j灵寿j高邑j深泽j赞皇j无极jtR元氏j赵j辛集l藁L晋Ix乐l鹿泉l路rk路6k'冶k开tk&rk&润k滦j滦X乐亭j迁wj玉田j唐yj遵|l迁My港k山y关k6戴g]z满E5黎j抚U卢zj邯f丛`k复0k峰峰矿k邯郸j#漳j成T4名j涉j磁j肥乡j@年j邱j鸡泽j广a馆陶j魏j曲周j3M桥sk桥wk邢`j#S内丘j柏乡j隆尧j任jr)ju晋j巨鹿jxZ广宗jt乡j威j-Z#wjr宫l沙vlx市k6市kr市k满S-苑j涞W阜a徐W}0j唐j高Q容S涞~j望_jqxj易j曲Q蠡j顺a博野j雄j涿I}Iq国l高碑店l桥sk桥wk宣|k下花园k宣P张6j康保j沽~j尚义j蔚j阳原j怀T万全j怀来j涿鹿j赤S崇礼j双桥k双滦k鹰手营子矿k承9j0隆jt泉j滦a隆P&u满E宽城满E围场满族蒙'Ex.k运g沧j]js光jy0j盐R肃Ur皮j吴桥j献j孟村回E泊头l任丘l黄骅lv间lq次k广e固T@-j香Z4S文T4厂回E霸I三vl桃b枣强j3邑j3强j饶Qqa故S景j阜S冀I深I小店k迎泽k杏花岭k尖草坪k万柏$k晋~k-徐j阳曲j娄烦j'交lb矿kr郊kx荣k阳高j天镇j广灵j灵丘j浑~j左+j4同jb矿k郊kt}j盂jb郊k%治j襄垣j屯留jt顺j黎S壶关j%子j3乡j沁j沁~j潞Lb沁W阳S=Y泽州j高tl朔bt鲁k山阴j应j右玉j怀仁j榆次k榆社j左权j)顺j昔Q寿Q太谷j祁jt遥j灵(j介休l盐!k#猗j万荣j闻喜j稷Rx绛j绛j垣曲j夏jt陆j芮S@济lv津l忻府k}襄j五`j代j繁峙ju3j静乐j神池j五寨j岢岚jv曲j保9j偏关j原tl尧_k曲沃j翼S襄汾j洪洞j'jq泽j浮R吉j乡U4U隰j@)j蒲j汾wj侯马l霍I离(k文W交S0j#j柳$j(楼j岚j方R8Q交[j孝义l汾Jxb回民k玉泉k赛罕k土默特左h托*托j)$格2j-1Z3Ysg昆_仑k]f(拐k;+矿k九原k土默特右h固Q达2罕茂明q联合hy勃湾kyrk>达k红f元宝f松f阿鲁科2沁h/$左h/$右h$wj*什*腾h翁牛特h喀喇沁huS敖汉h科2沁k科2沁左翼8h科2沁左翼后h开鲁j库伦h奈曼h扎鲁特h霍$郭勒ls胜k达<特h准格2h鄂托*前h鄂托*h杭锦h>审h伊7霍洛hy<2k阿荣h莫力达瓦达斡2族自治h鄂伦春自治h鄂温*族自治h陈/2虎hx/2虎左hx/2虎右h满洲里l牙*(l扎兰屯l额2'纳l根vl#g五原j磴[j><特前h><特8h><特后h杭锦后h集uk卓资j|9j商_j0)j凉S察哈2右翼前h察哈2右翼8h察哈2右翼后h四子王h&镇l>兰浩特l阿2K科2沁右翼前h科2沁右翼8h扎赉特h突泉j二连浩特l锡$浩特l阿/嘎h苏尼特左h苏尼特右hs>珠穆沁hw>珠穆沁h太仆寺h镶黄h正镶;h正蓝h多伦j阿<善左h阿<善右h额济纳h)tk沈g4sk皇姑k铁wk苏家屯ks=kx城子k于洪k辽8j康a法库jx民l8fw岗k沙v[k甘井子k旅顺[k7c%yj瓦房店l普兰店l庄vl铁sk铁wk立f千f`T岫岩满EyLx抚ks洲k望花k顺b抚顺jx宾满E-原满Etf^!k明fr芬k本^满E桓仁满E元宝k振0k振qk宽甸满Es港l凤L'塔k凌g太)k黑R义j凌yl6ul站前kw市k鲅鱼圈k老边k盖I4(桥lycx邱k太
前些日子写的一个无数据库，全国地名三级联动选择的程序，今天刚好有些时间，拿来继续优化一下，尽可能压缩和控件化 让更多的朋友能用最少的代码，就能直接实现这个功能。还有做了些添加，比如：东莞、中山，三亚等市原数据库没有下级行政区域，这次优化专门添加了！
以下已经是优化过压缩关键字和JS控件化的程序，主要JS部分优化成19K大小的一个文件，是一张图片的大小，对于用户体验来说，是可以完全可以接受的，特意贴出来供大家参考。
建议：JS调用插入到HTML代码的尾部，这样页面在打开后，所有的内容都呈现给用户了，才开始后台下载19K的JS文件，达到更好的用户体验效果，如下：在body标签下面调用！
演示地址：http://users4.jabry.com/xxq8210/chinaAddr/
使用方法：
新建文本文档，复制以下程序 粘贴另存为： AddrSel.htm
<html>
<title>无数据库-全国地名联动选择</title>
<head>
</head>
<body>
<div id="ctrlContant"></div><!-要新建一个div元素，然后设置一个ID号->
</body>
<script src="chinaArea.js"></script><!-就调用JS文件->
<script>
initChinaAreaSelect("ctrlContant" ) <!-就调用这个函数，一行代码就可以OK，入口参数是上面新建DIV元素的ID号->
</script>
</html>
新建文本文档，复制以下程序 粘贴另存为： chinaArea.js
var addr="6京l天津lv6o山wo内蒙'G辽uo吉$o黑zpo上ylp苏o浙poq徽o福建opwo山sovro!6o!ro广so广w壮族Gyro重庆l四,o贵州o+row藏G陕wo甘肃o]you夏回族Gx疆维吾2G`湾o香港特别行政k澳门特别行政ksbwb崇文k宣3k朝e&`k(景fy淀k门头沟k房f:c顺义k5tk40k怀柔kt谷k密+j延庆j)tkvskvwkr开kv6k红桥k塘沽k汉沽k4港ks丽kw]k津rk6辰k3-k宝坻kuZ静yj蓟j(家庄l唐K秦皇岛l邯郸l邢`l保}l张家[l承9l沧I廊坊l衡1l太原l4同l阳泉l%治l晋L朔I晋8l运L忻I#汾l吕梁l呼)浩特l包头l>yl赤峰l:辽l鄂2多斯l呼伦贝2l/彦淖2l>兰察布l0qi锡$郭勒i阿<善i沈J4连l鞍K抚顺l本^l丹sl锦I营[l阜xl辽J盘锦l铁岭l朝J葫芦岛l%春l吉$l四tl辽~l:|l;K松原l;L延边朝鲜F哈2滨l齐齐哈2l鸡wl鹤岗l双鸭K4庆l伊春l佳木斯l七`vl牡丹H黑vl绥|l40q岭地k黄浦k卢湾k徐汇k%uk静qk普陀k闸6k虹[k杨浦k闵行k宝f嘉}k浦sxk7f松d]浦kr汇k奉贤k崇明jr京l无锡l徐II苏Ir:l连+港l淮M盐L扬I镇H泰I宿迁l杭Iu波l温I嘉0l!I绍0l7.l衢I舟K`I丽1l合肥l芜!l蚌埠l淮rl马鞍K淮6l铜=lq庆l黄K滁I阜J宿I巢!l六M亳I池I宣L福I厦门l莆田l三明l泉I漳Irtlz岩lu9lr5l景9镇l萍乡l九Hx余l鹰潭l赣I吉M宜春l抚I上饶l济rl]岛l淄博l枣庄ls营l烟`l潍坊l济ul泰M威yl日照l莱芜l#沂l9I聊L滨I荷泽l郑I开封l洛Jt顶KqJ鹤壁lx乡l焦作l濮J许5l漯vl三门峡lrJ商丘l信J周[l驻马店l3汉l黄(l十堰l宜5l襄樊l鄂I荆门l孝感l荆I黄冈l咸ul随I恩施土家族{F省直辖行政单位?%沙l株洲l湘潭l衡J邵J岳J常9l张家界l益J郴I@I怀|l娄底l湘w土家族{F广I韶关l深圳l珠yl汕头l佛Kp门l湛H茂名l肇庆l惠I梅I汕尾lv~l阳H-远ls莞l8K潮I揭J+浮lrul柳I桂$l梧I6yl防城港l钦I贵港l玉$l百色l贺Iv池l来宾l崇左ly[l三亚l省直辖县级行政单位?万c涪=k渝8k4渡[kp6k沙坪坝k九z坡kr岸k6碚k万盛k双桥k渝6k/rk黔d%寿k綦V潼X铜梁j4足j荣5j璧R梁a城[j&_j垫V3隆j忠j开j+Q奉节j巫R巫N(柱土家E秀山土家族D酉阳土家族D彭1{族土家Ep津l合,l@,lr,l成_l自贡l攀枝花l泸I9J绵J广元l遂ul内H乐Kr充l眉K宜宾l广M达I雅M/8l资J阿坝藏族羌F甘孜A凉山彝F贵J六盘1l遵义lq顺l铜仁地k黔wr布依族{F毕节地k黔sr{族侗F黔r布依族{F昆明l曲靖l玉^l保K昭:l丽H思茅l#沧l楚雄彝F红v哈尼族彝F文山壮族{Fw双版纳傣F4理;F9宏傣族景颇F怒p傈僳F迪庆A<萨l5_地k山r地k日喀则地k那曲地k阿里地k$芝地kwM铜,l宝鸡l咸J渭rl延M汉8l榆$lq康l商洛l兰I嘉峪关l75l;银l天1l3威l张掖lt凉l酒泉l庆J}wl陇rl#夏回F甘rAwulys地ky6A黄rAyrA果洛A玉树Ayw蒙'族A银,l(嘴K吴忠l固原l8卫l>鲁木齐l*<玛依l吐鲁番地k哈密地k5吉回F博2塔<蒙'自治州?/音郭楞蒙'自治州?阿*苏地k*孜勒苏柯2*孜自治州?喀什地k)田地k伊犁哈萨*自治州?塔城地k阿勒泰地k省直辖行政单位?%qk桥sk桥wkx.k井陉矿k裕.k井陉j正}j栾S行唐j灵寿j高邑j深泽j赞皇j无极jtR元氏j赵j辛集l藁L晋Ix乐l鹿泉l路rk路6k'冶k开tk&rk&润k滦j滦X乐亭j迁wj玉田j唐yj遵|l迁My港k山y关k6戴g]z满E5黎j抚U卢zj邯f丛`k复0k峰峰矿k邯郸j#漳j成T4名j涉j磁j肥乡j@年j邱j鸡泽j广a馆陶j魏j曲周j3M桥sk桥wk邢`j#S内丘j柏乡j隆尧j任jr)ju晋j巨鹿jxZ广宗jt乡j威j-Z#wjr宫l沙vlx市k6市kr市k满S-苑j涞W阜a徐W}0j唐j高Q容S涞~j望_jqxj易j曲Q蠡j顺a博野j雄j涿I}Iq国l高碑店l桥sk桥wk宣|k下花园k宣P张6j康保j沽~j尚义j蔚j阳原j怀T万全j怀来j涿鹿j赤S崇礼j双桥k双滦k鹰手营子矿k承9j0隆jt泉j滦a隆P&u满E宽城满E围场满族蒙'Ex.k运g沧j]js光jy0j盐R肃Ur皮j吴桥j献j孟村回E泊头l任丘l黄骅lv间lq次k广e固T@-j香Z4S文T4厂回E霸I三vl桃b枣强j3邑j3强j饶Qqa故S景j阜S冀I深I小店k迎泽k杏花岭k尖草坪k万柏$k晋~k-徐j阳曲j娄烦j'交lb矿kr郊kx荣k阳高j天镇j广灵j灵丘j浑~j左+j4同jb矿k郊kt}j盂jb郊k%治j襄垣j屯留jt顺j黎S壶关j%子j3乡j沁j沁~j潞Lb沁W阳S=Y泽州j高tl朔bt鲁k山阴j应j右玉j怀仁j榆次k榆社j左权j)顺j昔Q寿Q太谷j祁jt遥j灵(j介休l盐!k#猗j万荣j闻喜j稷Rx绛j绛j垣曲j夏jt陆j芮S@济lv津l忻府k}襄j五`j代j繁峙ju3j静乐j神池j五寨j岢岚jv曲j保9j偏关j原tl尧_k曲沃j翼S襄汾j洪洞j'jq泽j浮R吉j乡U4U隰j@)j蒲j汾wj侯马l霍I离(k文W交S0j#j柳$j(楼j岚j方R8Q交[j孝义l汾Jxb回民k玉泉k赛罕k土默特左h托*托j)$格2j-1Z3Ysg昆_仑k]f(拐k;+矿k九原k土默特右h固Q达2罕茂明q联合hy勃湾kyrk>达k红f元宝f松f阿鲁科2沁h/$左h/$右h$wj*什*腾h翁牛特h喀喇沁huS敖汉h科2沁k科2沁左翼8h科2沁左翼后h开鲁j库伦h奈曼h扎鲁特h霍$郭勒ls胜k达<特h准格2h鄂托*前h鄂托*h杭锦h>审h伊7霍洛hy<2k阿荣h莫力达瓦达斡2族自治h鄂伦春自治h鄂温*族自治h陈/2虎hx/2虎左hx/2虎右h满洲里l牙*(l扎兰屯l额2'纳l根vl#g五原j磴[j><特前h><特8h><特后h杭锦后h集uk卓资j|9j商_j0)j凉S察哈2右翼前h察哈2右翼8h察哈2右翼后h四子王h&镇l>兰浩特l阿2K科2沁右翼前h科2沁右翼8h扎赉特h突泉j二连浩特l锡$浩特l阿/嘎h苏尼特左h苏尼特右hs>珠穆沁hw>珠穆沁h太仆寺h镶黄h正镶;h正蓝h多伦j阿<善左h阿<善右h额济纳h)tk沈g4sk皇姑k铁wk苏家屯ks=kx城子k于洪k辽8j康a法库jx民l8fw岗k沙v[k甘井子k旅顺[k7c%yj瓦房店l普兰店l庄vl铁sk铁wk立f千f`T岫岩满EyLx抚ks洲k望花k顺b抚顺jx宾满E-原满Etf^!k明fr芬k本^满E桓仁满E元宝k振0k振qk宽甸满Es港l凤L'塔k凌g太)k黑R义j凌yl6ul站前kw市k鲅鱼圈k老边k盖I4(桥lycx邱k太
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
