省市区三级级联js编写.docx
- 文档编号:6967947
- 上传时间:2023-05-10
- 格式:DOCX
- 页数:27
- 大小:94.01KB
省市区三级级联js编写.docx
《省市区三级级联js编写.docx》由会员分享,可在线阅读,更多相关《省市区三级级联js编写.docx(27页珍藏版)》请在冰点文库上搜索。
省市区三级级联js编写
声明:
次功能是随便玩玩做的省市县的数据有些地方错误(自己一个人写那么多难免出错)
///////////////////////////////////////////////////js///////////////////////////////////////////////////////////
varcities=[{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:
["北区","大埔区","西贡区","沙田区","黄大仙区","观塘区","东区","南区","湾仔区","中西区","油尖旺区","九龙塘区","深水埗区","葵青区","荃湾区","元朗区","屯门区","离岛区"]}
]
///省下拉列表初始状态
functionprovince_Cs(Id){
varpro_Ido=document.getElementById(Id);;//获取省下拉列表的控件ID
pro_Ido.options[0].value="-省-";
pro_Ido.options[0].text="-省-";
}
///市下拉列表初始状态
functioncity_Cs(Id){
varcith_Ido=document.getElementById(Id);;//获取市下拉列表的控件ID
cith_Ido.options[0].value="-市-";
cith_Ido.options[0].text="-市-";
}
///县下拉列表初始状态
functioncounty_Cs(Id){
varcoun_Ido=document.getElementById(Id);;//获取下拉列表的控件ID
coun_Ido.options[0].value="-县-";
coun_Ido.options[0].text="-县-";
}
//页面加载时绑定省下拉列表的数据
functionbinding_Pro(prov_Id,citr_Id,county_ID){
province_Cs(prov_Id)
city_Cs(citr_Id)
county_Cs(county_ID)
varpro_Id=document.getElementById(prov_Id);;//获取省下拉列表的控件ID
varcith_Id=document.getElementById(citr_Id);;//获取市下拉列表的控件ID
varj;
pro_Id.length=1;
for(j=1;j pro_Id.options[j]=newOption();//在最尾端重新添加个行 pro_Id.options[j].value=cities[j-1].province; pro_Id.options[j].text=cities[j-1].province; } } //此方法用户选择省,市的下拉列表框对应省绑定市的数据 functionpro_City(provinceValue,city_Id,county_ID){ varpro_Value,city_Value; pro_Value=provinceValue.value; for(varq=0;q if(cities[q].province==pro_Value)//找出用户选择的省,在json中对应的数据 { citys=cities[q].city;//获取用户所选的省的所有市 } } varcith_Id=document.getElementById(city_Id);;//获取下拉列表的控件ID vari; cith_Id.length=1; for(i=1;i cith_Id.options[i]=newOption();//在最尾端重新添加个行 cith_Id.options[i].value=citys[i-1]; cith_Id.options[i].text=citys[i-1]; } } /////////////////////////市区联动/////////////////////////////////////////// varcountys=[{citys: "沈阳市",county: ["和平区","大东区","铁西区","东陵区","于洪区","康平县","新民市","沈河区","皇姑区","苏家屯区","新城子区","辽中县","法库县"]}, {citys: "大连市",county: ["中山区","沙河口区","旅顺口区","长海县","普兰店市","庄河市","西岗区","甘井子区","金州区","瓦房店市"]}, {citys: "鞍山市",county: ["铁东区","立山区","台安县","海城市","铁西区","千山区","岫岩满族自治县"]}, {citys: "抚顺市",county: ["新抚区","望花区","抚顺县","清原满族自治县","东洲区","顺城区","新宾满族自治县"]}, {citys: "本溪市",county: ["平山区","明山区","本溪满族自治县","桓仁满族自治县","溪湖区","南芬区"]}, {citys: "丹东市",county: ["元宝区","振安区","东港市","凤城市","振兴区","宽甸满族自治县"]}, {citys: "锦州市",county: ["古塔区","太和区","义县","北宁市","凌河区","黑山县","凌海市"]}, {citys: "葫芦岛市",county: ["连山区","南票区","建昌县","兴城市","龙港区","绥中县"]}, {citys: "营口市",county: ["站前区","鲅鱼圈区","盖州市","大石桥市","西市区","老边区"]}, {citys: "盘锦市",county: ["双台子区","大洼县","盘山县","兴隆台区"]}, {citys: "阜新市",county: ["海州区","太平区","细河区","彰武县","新邱区","清河门区","阜新蒙古族自治县"]}, {citys: "辽阳市",county: ["白塔区","宏伟区","太子河区","灯塔市","文圣区","弓长岭区","辽阳县"]}, {citys: "铁岭市",county: ["银州区","铁岭县","昌图县","开原市","清河区","西丰县"]}, {citys: "朝阳市",county: ["双塔区","朝阳县","喀喇沁左翼蒙古族自治县","凌源市","龙城区","建平县","北票市"]}, {citys: "长春市",county: ["南关区","朝阳区","绿园区","农安县","榆树市","德惠市","宽城区","二道区","双阳区","九台市"]}, {citys: "吉林市",county: ["昌邑区","船营区","永吉县","桦甸市","磐石市","龙潭区","丰满区","蛟河市","舒兰市"]}, {citys: "四平市",county: ["铁西区","梨树县","公主岭市","双辽市","铁东区","伊通满族自治县"]}, {citys: "辽源市",county: ["龙山区","东丰县","东辽县","西安区"]}, {citys: "通化市",county: ["东昌区","通化县","柳河县","集安市","二道江区","辉南县","梅河口市"]}, {citys: "白山市",county: ["八道江区","靖宇县","江源县","临江市","抚松县","长白朝鲜族自治县"]}, {citys: "延边朝鲜族自治州",county: ["延吉市","敦化市","龙井市","安图县","汪清县","图们市","珲春市","和龙市"]}, {citys: "白城市",county: ["洮北区","通榆县","大安市","镇赉县","洮南市"]}, {citys: "松原市",county: ["宁江区","长岭县","扶余县","前郭尔罗斯蒙古族自治县","乾安县"]}, {citys: "哈尔滨市",county: ["道里区","道外区","动力区","松北区","依兰县","宾县","木兰县","延寿县","双城市","五常市","南岗区","香坊区","平房区","呼兰区","方正县","巴彦县","通河县","阿城市","尚志市"]}, {citys: "齐齐哈尔市",county: ["龙沙区","铁锋区","富拉尔基区","梅里斯达斡尔族区","依安县","甘南县","克山县","拜泉县","建华区","昂昂溪区","碾子山区","龙江县","泰来县","富裕县","克东县","讷河市"]}, {citys: "鹤岗市",county: ["向阳区","南山区","东山区","萝北县","工农区","兴安区","兴山区","绥滨县"]}, {citys: "双鸭山市",county: ["尖山区","四方台区","集贤县","宝清县","岭东区","宝山区","友谊县","饶河县"]}, {citys: "鸡西市",county: ["鸡冠区","滴道区","城子河区","鸡东县","密山市","恒山区","梨树区","麻山区","虎林市"]}, {citys: "大庆市",county: ["萨尔图区","让胡路区","大同区","肇源县","杜尔伯特蒙古族自治县","龙凤区","红岗区","肇州县","林甸县"]}, {citys: "伊春市",county: ["伊春区","友好区","翠峦区","美溪区","五营区","汤旺河区","乌伊岭区","上甘岭区","铁力市","南岔区","西林区","新青区","金山屯区","乌马河区","带岭区","红星区","嘉荫县"]}, {citys: "牡丹江市",county: ["东安区","爱民区","东宁县","绥芬河市","宁安市","阳明区","西安区","林口县","海林市","穆棱市"]}, {citys: "佳木斯市",county: ["永红区","前进区","郊区","桦川县","抚远县","富锦市","向阳区","东风区","桦南县","汤原县","同江市"]}, {citys: "七台河市",county: ["新兴区","桃山区","茄子河区","勃利县"]}, {citys: "黑河市",county: ["爱辉区","逊克县","北安市","嫩江县","孙吴县","五大连池市"]}, {citys: "绥化市",county: ["北林区","兰西县","庆安县","绥棱县","肇东市","望奎县","青冈县","明水县","安达市","海伦市"]}, {citys: "大兴安岭地区",county: ["呼玛县","漠河县","塔河县"]}, {citys: "石家庄市",county: ["长安区","桥西区","井陉矿
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 省市区 三级 级联 js 编写