您的位置：首页 > 其它

省市联动二级菜单

2010-04-03 20:43 267 查看 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>省市二级联动菜单</title>
<mce:script type="text/javascript"><!--
var _City_1 = ["100101:海淀区", "110102:朝阳区", "100103:东城区", "100104:西城区", "100105:崇文区", "100106:宣武区", "100107:丰台区", "100108:石景山区", "100109:门头沟区", "100110:房山区", "100111:通州区", "100112:顺义区", "100113:昌平区", "100114:大兴区", "100115:怀柔区", "100116:平谷区", "100201:密云县", "100202:延庆县"], _City_2 = ["200101:黄浦区", "200102:卢湾区", "200103:徐汇区", "200104:长宁区", "200105:静安区", "200106:普陀区", "200107:闸北区", "200108:虹口区", "200109:杨浦区", "200110:闵行区", "200111:宝山区", "200112:嘉定区", "200113:浦东新区", "200114:金山区", "200115:松江区", "200116:青浦区", "200117:南汇区", "200118:奉贤区", "200201:崇明县"], _City_3 = ["300104:南开区", "300101:和平区", "300102:河东区", "300103:河西区", "300105:河北区", "300106:红桥区", "300107:塘沽区", "300108:汉沽区", "300109:大港区", "300110:东丽区", "300111:西青区", "300112:津南区", "300113:北辰区", "300114:武清区", "300115:宝坻区", "300201:宁河县", "300202:静海县", "300203:蓟县"], _City_4 = ["400101:万州区", "400102:涪陵区", "400103:渝中区", "400104:大渡口区", "400105:江北区", "400106:沙坪坝区", "400107:九龙坡区", "400108:南岸区", "400109:北碚区", "400110:万盛区", "400111:双桥区", "400112:渝北区", "400113:巴南区", "400114:黔江区", "400115:长寿区", "400116:江津区", "400117:合川区", "400118:永川区", "400119:南川区", "400201:綦江县", "400202:潼南县", "400203:铜梁县", "400204:大足县", "400205:荣昌县", "400206:璧山县", "400207:梁平县", "400208:城口县", "400209:丰都县", "400210:垫江县", "400211:武隆县", "400212:忠县", "400213:开县", "400214:云阳县", "400215:奉节县", "400216:巫山县", "400217:巫溪县", "400218:石柱土家族自治县", "400219:秀山土家族苗族自治县", "400220:酉阳土家族苗族自治县", "400221:彭水苗族土家族自治县"], _City_5 = ["150001:哈尔滨市", "150002:绥化市", "150003:齐齐哈尔市", "150004:牡丹江市", "150005:伊春市", "150006:佳木斯市", "150007:鸡西市", "150008:鹤岗市", "150009:双鸭山市", "150010:大庆市", "150011:七台河市", "150012:黑河市", "150101:大兴安岭地区"], _City_6 = ["130001:长春市", "130002:吉林市", "130003:四平市", "130004:辽源市", "130005:通化市", "130006:白山市", "130007:松原市", "130008:白城市", "130101:延边朝鲜族自治州"], _City_7 = ["110001:沈阳市", "110002:大连市", "110003:鞍山市", "110004:抚顺市", "110005:本溪市", "110006:丹东市", "110007:锦州市", "110008:营口市", "110009:阜新市", "110010:辽阳市", "110011:盘锦市", "110012:铁岭市", "110013:朝阳市", "110014:葫芦岛市"], _City_8 = ["250001:济南市", "250002:青岛市", "250003:淄博市", "250004:枣庄市", "250005:东营市", "250006:烟台市", "250007:潍坊市", "250008:济宁市", "250009:泰安市", "250010:威海市", "250011:日照市", "250012:莱芜市", "250013:临沂市", "250014:德州市", "250015:聊城市", "250016:滨州市", "250017:菏泽市"], _City_9 = ["030001:太原市", "030002:大同市", "030003:阳泉市", "030004:长治市", "030005:晋城市", "030006:朔州市", "030007:晋中市", "030008:运城市", "030009:忻州市", "030010:临汾市", "030011:吕梁市"], _City_10 = ["710001:西安市", "710002:铜川市", "710003:宝鸡市", "710004:咸阳市", "710005:渭南市", "710006:延安市", "710007:汉中市", "710008:榆林市", "710009:安康市", "710010:商洛市"], _City_11 = ["050001:石家庄市", "050002:唐山市", "050003:秦皇岛市", "050004:邯郸市", "050005:邢台市", "050006:保定市", "050007:张家口市", "050008:承德市", "050009:沧州市", "050010:廊坊市", "050011:衡水市"], _City_12 = ["450001:郑州市", "450002:开封市", "450003:洛阳市", "450004:平顶山市", "450005:安阳市", "450006:鹤壁市", "450007:新乡市", "450008:焦作市", "450008:济源市", "450009:濮阳市", "450010:许昌市", "450011:漯河市", "450012:三门峡市", "450013:南阳市", "450014:商丘市", "450015:信阳市", "450016:周口市", "450017:驻马店市"], _City_13 = ["430001:武汉市", "430002:黄石市", "430003:十堰市", "430005:宜昌市", "430006:襄樊市", "430007:鄂州市", "430008:荆门市", "430009:孝感市", "430010:荆州市", "430011:黄冈市", "430012:咸宁市", "430013:随州市", "430014:仙桃市", "430015:潜江市", "430016:天门市", "430101:恩施土家族苗族自治州", "430102:神农架林区"], _City_14 = ["430001:长沙市", "430002:株洲市", "430003:湘潭市", "430004:衡阳市", "430005:邵阳市", "430006:岳阳市", "430007:常德市", "430008:张家界市", "430009:益阳市", "430010:郴州市", "430011:永州市", "430012:怀化市", "430013:娄底市", "430101:湘西土家族苗族自治州"], _City_15 = ["570001:海口市", "570002:三亚市", "570003:五指山市", "570004:琼海市", "570005:儋州市", "570006:文昌市", "570007:万宁市", "570008:东方市"], _City_16 = ["210001:南京市", "210002:无锡市", "210003:徐州市", "210004:常州市", "210005:苏州市", "210006:南通市", "210007:连云港市", "210008:淮安市", "210009:盐城市", "210010:扬州市", "210011:镇江市", "210012:泰州市", "210013:宿迁市"], _City_17 = ["330001:南昌市", "330002:景德镇市", "330003:萍乡市", "330004:九江市", "330005:新余市", "330006:鹰潭市", "330007:赣州市", "330008:吉安市", "330009:宜春市", "330010:抚州市", "330011:上饶市"], _City_18 = ["510001:广州市", "510002:韶关市", "510003:深圳市", "510004:珠海市", "510005:汕头市", "510006:佛山市", "510007:江门市", "510008:湛江市", "510009:茂名市", "510010:肇庆市", "510011:惠州市", "510012:梅州市", "510013:汕尾市", "510014:河源市", "510015:阳江市", "510016:清远市", "510017:东莞市", "510018:中山市", "510019:潮州市", "510020:揭阳市", "510021:云浮市"], _City_19 = ["530001:南宁市", "530002:柳州市", "530003:桂林市", "530004:梧州市", "530005:北海市", "530006:防城港市", "530007:钦州市", "530008:贵港市", "530009:玉林市", "530010:百色市", "530011:贺州市", "530012:河池市", "530013:来宾市", "530014:崇左市"], _City_20 = ["650001:昆明市", "650003:曲靖市", "650004:玉溪市", "650005:保山市", "650006:昭通市", "650007:丽江市", "650008:思茅市", "650009:临沧市"], _City_21 = ["550001:贵阳市", "550002:六盘水市", "550003:遵义市", "550004:安顺市", "5500101:铜仁地区", "550102:毕节地区"], _City_22 = ["610001:成都市", "610002:自贡市", "610003:攀枝花市", "610004:泸州市", "610005:德阳市", "610006:绵阳市", "610007:广元市", "610008:遂宁市", "610009:内江市", "610010:乐山市", "610011:南充市", "610012:眉山市", "610013:宜宾市", "610014:广安市", "610015:达州市", "610016:雅安市", "610017:巴中市", "610018:资阳市", "610101:阿坝藏族羌族自治州", "610102:甘孜藏族自治州", "610103:凉山彝族自治州"], _City_23 = ["010001:呼和浩特市", "010002:包头市", "010003:乌海市", "010004:赤峰市", "010005:通辽市", "1010006:鄂尔多斯市", "010007:呼伦贝尔市", "010008:巴彦淖尔市", "010009:乌兰察布市", "010101:兴安盟", "010102:锡林郭勒盟", "010103:阿拉善盟"], _City_24 = ["750001:银川市", "750002:石嘴山市", "750003:吴忠市", "750004:固原市", "750005:中卫市"], _City_25 = ["730001:兰州市", "730002:嘉峪关市", "730003:金昌市", "730004:白银市", "730005:天水市", "730006:武威市", "730007:张掖市", "730008:平凉市", "730009:酒泉市", "730010:庆阳市", "730011:定西市", "730012:陇南市", "730101:临夏回族自治州", "730102:甘南藏族自治州"], _City_26 = ["810001:西宁市", "810021:海东地区", "810022:海北藏族自治州", "810023:黄南藏族自治州", "810025:海南藏族自治州", "810026:果洛藏族自治州", "810027:玉树藏族自治州", "810028:海西蒙古族藏族自治州"], _City_27 = ["850001:拉萨市", "850101:昌都地区", "850102:山南地区", "850103:日喀则地区", "850104:那曲地区", "850105:阿里地区", "850106:林芝地区"], _City_28 = ["830001:乌鲁木齐市", "830002:克拉玛依市", "830003:石河子市", "830004:阿拉尔市", "830005:图木舒克市", "830006:五家渠市", "830101:吐鲁番地区", "830102:哈密地区", "830103:昌吉回族自治州", "830104:博尔塔拉蒙古自治州", "830105:巴音郭楞蒙古自治州", "830106:阿克苏地区", "830107:克孜勒苏柯尔克孜自治州", "830108:喀什地区", "830109:和田地区", "830110:伊犁哈萨克自治州", "830111:塔城地区", "830112:阿勒泰地区"], _City_29 = ["230001:合肥市", "230002:芜湖市", "230003:蚌埠市", "230004:淮南市", "230005:马鞍山市", "230006:淮北市", "230007:铜陵市", "230008:安庆市", "230010:黄山市", "230010:滁州市", "230011:阜阳市", "230012:宿州市", "230013:巢湖市", "230014:六安市", "230015:亳州市", "230016:池州市", "230017:宣城市"], _City_30 = ["310001:杭州市", "310002:宁波市", "310003:温州市", "310004:嘉兴市", "310005:湖州市", "310006:绍兴市", "310007:金华市", "310008:衢州市", "310009:舟山市", "310010:台州市", "310011:丽水市"], _City_31 = ["360001:福州市", "360002:厦门市", "360003:莆田市", "360004:三明市", "360005:泉州市", "360006:漳州市", "360007:南平市", "360008:龙岩市", "360009:宁德市"]; function $($) { return typeof ($) == "string" ? document.getElementById($) : $ } var ProvinceCityComponent = new Object(), comProvinceElementId = 0, comCityElementId = 0; ProvinceCityComponent.init = function(C, I) { comProvinceElementId = C; comCityElementId = I; var B = ["北京", "上海", "天津", "重庆", "黑龙江", "吉林", "辽宁", "山东", "山西", "陕西", "河北", "河南", "湖北", "湖南", "海南", "江苏", "江西", "广东", "广西", "云南", "贵州", "四川", "内蒙古", "宁夏", "甘肃", "青海", "西藏", "新疆", "安徽", "浙江", "福建"], _ = $(comProvinceElementId), D = _.selectedIndex, A = _.options, E = A.length; if (D >= 0) { try { for (var H = E; H > 1; H--) _.remove(H - 1); E = A.length; for (H = 0; H < B.length; H++) { var G = document.createElement("OPTION"); _.options.add(G); G.value = H + 1; G.text = B[H].toString() } } catch (F) { alert("[init]" + F.message) } } window.attachEvent ? $(C).attachEvent("onchange", ProvinceCityComponent.CreateCityList) : $(C).addEventListener("change", ProvinceCityComponent.CreateCityList, false) }; ProvinceCityComponent.CreateCityList = function(e) { var provinceSelectedIndex = $(comProvinceElementId).selectedIndex; if (provinceSelectedIndex >= 1 && provinceSelectedIndex <= 31) { try { var cityArr = eval("_City_" + provinceSelectedIndex), cityArrLen = cityArr.length, oCitySelect = $(comCityElementId), oColl = oCitySelect.options, oCollLen = oColl.length; for (var i = oCollLen; i > 1; i--) oCitySelect.remove(i - 1); oCollLen = oColl.length; var subArr = []; for (var j = 0; j < cityArrLen; j++) { var oOption = document.createElement("OPTION"); oCitySelect.options.add(oOption); subArr = cityArr[j].split(":"); oOption.value = subArr[0].toString(); oOption.text = subArr[1].toString() } } catch (e) { alert("[CityList]" + e.message) } } else if (provinceSelectedIndex > 0) { try { cityArr = eval("_City_" + provinceSelectedIndex), cityArrLen = cityArr.length, oCitySelect = $(comCityElementId), oColl = oCitySelect.options, oCollLen = oColl.length; for (i = oCollLen; i > 1; i--) oCitySelect.remove(i - 1); oCollLen = oColl.length; subArr = []; for (j = 0; j < cityArrLen; j++) { oOption = document.createElement("OPTION"); oCitySelect.options.add(oOption); subArr = cityArr[j].split(":"); oOption.value = subArr[0].toString(); oOption.text = subArr[1].toString() } } catch (e) { alert("[CityList]" + e.message) } } }

// --></mce:script>
</head>
<body>
<label for="province">省</label><select id="province"><option value="0">请选择省份</option></select>
<label for="city">市</label><select id="city"><option value="0">请选择市</option></select>
</body>
</html>
<mce:script type="text/javascript"><!--
ProvinceCityComponent.init("province", "city");
// --></mce:script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航