js省市联动
<!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> JS实现的全国省份城市联动下拉菜单_小池编程的博客(www.njxblog.com) </title> </head> <body> <script language="javascript"> cityareaname = new Array(35); cityareacode = new Array(35); function first(preP, preC, formname, selectP, selectC) { a = 0; if (selectP == '01') { a = 1; tempoption = new Option('北京', '01', false, true); } else { tempoption = new Option('北京', '01'); } eval('document.' + formname + '.' + preP + '.options[1]=tempoption;'); cityareacode[0] = new Array('0101', '0102', '0103', '0104', '0105', '0106', '0107', '0108'); cityareaname[0] = new Array('东城区', '西城区', '崇文区', '宣武区', '朝阳区', '海淀区', '丰台区', '石景山'); if (selectP == '02') { a = 2; tempoption = new Option('深圳', '02', false, true); } else { tempoption = new Option('深圳', '02'); } eval('document.' + formname + '.' + preP + '.options[2]=tempoption;'); cityareacode[1] = new Array('0201', '0202', '0203', '0204', '0205', '0206'); cityareaname[1] = new Array('罗湖', '福田', '南山', '盐田', '宝安', '龙岗'); if (selectP == '03') { a = 3; tempoption = new Option('上海', '03', false, true); } else { tempoption = new Option('上海', '03'); } eval('document.' + formname + '.' + preP + '.options[3]=tempoption;'); cityareacode[2] = new Array('0301', '0302', '0303', '0304', '0305', '0306', '0307', '0308', '0309', '0310', '0311', '0312', '0313', '0314', '0315', '0316', '0317', '0318', '0319', '0320'); cityareaname[2] = new Array('宝山', '金山', '南市', '长宁', '静安', '青浦', '崇明', '卢湾', '松江', '奉贤', '浦东', '杨浦', '虹口', '普陀', '闸北', '黄浦', '闵行', '徐汇', '嘉定', '南汇'); if (selectP == '04') { a = 4; tempoption = new Option('重庆', '04', false, true); } else { tempoption = new Option('重庆', '04'); } eval('document.' + formname + '.' + preP + '.options[4]=tempoption;'); cityareacode[3] = new Array('0401', '0402', '0403', '0404', '0405', '0406'); cityareaname[3] = new Array('渝中', '江北', '沙坪坝', '南岸', '九龙坡', '大渡口'); if (selectP == '05') { a = 5; tempoption = new Option('天津', '05', false, true); } else { tempoption = new Option('天津', '05'); } eval('document.' + formname + '.' + preP + '.options[5]=tempoption;'); cityareacode[4] = new Array('0501', '0502', '0503', '0504', '0505', '0506', '0507', '0508', '0509', '0510', '0511', '0512', '0513', '0514', '0515'); cityareaname[4] = new Array('和平', '河北', '河西', '河东', '南开', '红桥', '塘沽', '汉沽', '大港', '东丽', '西青', '津南', '北辰', '武清', '滨海'); if (selectP == '06') { a = 6; tempoption = new Option('广东', '06', false, true); } else { tempoption = new Option('广东', '06'); } eval('document.' + formname + '.' + preP + '.options[6]=tempoption;'); cityareacode[5] = new Array('0601', '0602', '0603', '0604', '0605', '0606', '0607', '0608', '0609', '0610', '0611', '0612', '0613', '0614', '0615'); cityareaname[5] = new Array('广州', '珠海', '中山', '佛山', '东莞', '清远', '肇庆', '阳江', '湛江', '韶关', '惠州', '河源', '汕尾', '汕头', '梅州'); if (selectP == '07') { a = 7; tempoption = new Option('河北', '07', false, true); } else { tempoption = new Option('河北', '07'); } eval('document.' + formname + '.' + preP + '.options[7]=tempoption;'); cityareacode[6] = new Array('0701', '0702', '0703', '0704', '0705', '0706', '0707', '0708', '0709', '0710', '0711'); cityareaname[6] = new Array('石家庄', '唐山', '秦皇岛', '邯郸', '邢台', '张家口', '承德', '廊坊', '沧州', '保定', '衡水'); if (selectP == '08') { a = 8; tempoption = new Option('山西', '08', false, true); } else { tempoption = new Option('山西', '08'); } eval('document.' + formname + '.' + preP + '.options[8]=tempoption;'); cityareacode[7] = new Array('0801', '0802', '0803', '0804', '0805', '0806', '0807'); cityareaname[7] = new Array('太原', '大同', '阳泉', '朔州', '长治', '临汾', '晋城'); if (selectP == '09') { a = 9; tempoption = new Option('内蒙古', '09', false, true); } else { tempoption = new Option('内蒙古', '09'); } eval('document.' + formname + '.' + preP + '.options[9]=tempoption;'); cityareacode[8] = new Array('0901', '0902', '0903', '0904', '0905', '0906', '0907', '0908', '0909', '0910', '0911'); cityareaname[8] = new Array('呼和浩特', '包头', '乌海', '临河', '东胜', '集宁', '锡林浩特', '通辽', '赤峰', '海拉尔', '乌兰浩特'); if (selectP == '10') { a = 10; tempoption = new Option('辽宁', '10', false, true); } else { tempoption = new Option('辽宁', '10'); } eval('document.' + formname + '.' + preP + '.options[10]=tempoption;'); cityareacode[9] = new Array('1001', '1002', '1003', '1004', '1005', '1006', '1007', '1008', '1009', '1010', '1011', '1012', '1013', '1014'); cityareaname[9] = new Array('沈阳', '大连', '鞍山', '锦州', '丹东', '盘锦', '铁岭', '抚顺', '营口', '辽阳', '阜新', '本溪', '朝阳', '葫芦岛'); if (selectP == '11') { a = 11; tempoption = new Option('吉林', '11', false, true); } else { tempoption = new Option('吉林', '11'); } eval('document.' + formname + '.' + preP + '.options[11]=tempoption;'); cityareacode[10] = new Array('1101', '1102', '1103', '1104', '1105', '1106', '1107', '1108', '1109'); cityareaname[10] = new Array('长春', '吉林', '四平', '辽源', '通化', '白山', '松原', '白城', '延边'); if (selectP == '12') { a = 12; tempoption = new Option('黑龙江', '12', false, true); } else { tempoption = new Option('黑龙江', '12'); } eval('document.' + formname + '.' + preP + '.options[12]=tempoption;'); cityareacode[11] = new Array('1201', '1202', '1203', '1204', '1205', '1206', '1207', '1208', '1209', '1210', '1211', '1212', '1213'); cityareaname[11] = new Array('哈尔滨', '齐齐哈尔', '牡丹江', '佳木斯', '大庆', '伊春', '黑河', '鸡西', '鹤岗', '双鸭山', '七台河', '绥化', '大兴安岭'); if (selectP == '13') { a = 13; tempoption = new Option('江苏', '13', false, true); } else { tempoption = new Option('江苏', '13'); } eval('document.' + formname + '.' + preP + '.options[13]=tempoption;'); cityareacode[12] = new Array('1301', '1302', '1303', '1304', '1305', '1306', '1307', '1308', '1309', '1310', '1311', '1312', '1313'); cityareaname[12] = new Array('南京', '苏州', '无锡', '常州', '镇江', '连云港 ', '扬州', '徐州 ', '南通', '盐城', '淮阴', '泰州', '宿迁'); if (selectP == '14') { a = 14; tempoption = new Option('浙江', '14', false, true); } else { tempoption = new Option('浙江', '14'); } eval('document.' + formname + '.' + preP + '.options[14]=tempoption;'); cityareacode[13] = new Array('1401', '1402', '1403', '1404', '1405', '1406', '1407', '1408', '1409', '1410', '1411'); cityareaname[13] = new Array('杭州', '湖州', '丽水', '温州', '绍兴', '舟山', '嘉兴', '金华', '台州', '衢州', '宁波'); if (selectP == '15') { a = 15; tempoption = new Option('安徽', '15', false, true); } else { tempoption = new Option('安徽', '15'); } eval('document.' + formname + '.' + preP + '.options[15]=tempoption;'); cityareacode[14] = new Array('1501', '1502', '1503', '1504', '1505', '1506', '1507', '1508', '1509', '1510', '1511', '1512', '1513', '1514', '1515', '1516', '1517'); cityareaname[14] = new Array('合肥 ', '芜湖 ', '蚌埠 ', '滁州 ', '安庆 ', '六安 ', '黄山 ', '宣城 ', '淮南 ', '宿州 ', '马鞍山 ', '铜陵', '淮北 ', '阜阳 ', '池州 ', '巢湖 ', '亳州'); if (selectP == '16') { a = 16; tempoption = new Option('福建', '16', false, true); } else { tempoption = new Option('福建', '16'); } eval('document.' + formname + '.' + preP + '.options[16]=tempoption;'); cityareacode[15] = new Array('1601', '1602', '1603', '1604', '1605', '1606', '1607', '1608', '1609'); cityareaname[15] = new Array('福州 ', '厦门 ', '泉州 ', '漳州 ', '龙岩 ', '南平 ', '宁德 ', '莆田 ', '三明'); if (selectP == '17') { a = 17; tempoption = new Option('江西', '17', false, true); } else { tempoption = new Option('江西', '17'); } eval('document.' + formname + '.' + preP + '.options[17]=tempoption;'); cityareacode[16] = new Array('1701', '1702', '1703', '1704', '1705', '1706', '1707', '1708', '1709', '1710', '1711'); cityareaname[16] = new Array('南昌', '景德镇', '九江', '萍乡', '新余', '鹰潭', '赣州', '宜春', '吉安', '上饶', '抚州'); if (selectP == '18') { a = 18; tempoption = new Option('山东', '18', false, true); } else { tempoption = new Option('山东', '18'); } eval('document.' + formname + '.' + preP + '.options[18]=tempoption;'); cityareacode[17] = new Array('1801', '1802', '1803', '1804', '1805', '1806', '1807', '1808', '1809', '1810', '1811', '1812', '1813', '1814', '1815', '1816', '1817'); cityareaname[17] = new Array('济南', '青岛', '淄博', '德州', '烟台', '潍坊', '济宁', '泰安', '临沂', '菏泽', '威海', '枣庄', '日照', '莱芜', '聊城', '滨州', '东营'); if (selectP == '19') { a = 19; tempoption = new Option('河南', '19', false, true); } else { tempoption = new Option('河南', '19'); } eval('document.' + formname + '.' + preP + '.options[19]=tempoption;'); cityareacode[18] = new Array('1901', '1902', '1903', '1904', '1905', '1906', '1907', '1908', '1909', '1910', '1911', '1912', '1913', '1914', '1915', '1916', '1917', '1918'); cityareaname[18] = new Array('郑州', '开封', '洛阳', '平顶山', '安阳', '鹤壁', '新乡', '焦作', '濮阳', '许昌', '漯河', '三门峡', '南阳', '商丘', '周口', '驻马店', '信阳', '济源'); if (selectP == '20') { a = 20; tempoption = new Option('湖北', '20', false, true); } else { tempoption = new Option('湖北', '20'); } eval('document.' + formname + '.' + preP + '.options[20]=tempoption;'); cityareacode[19] = new Array('2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017'); cityareaname[19] = new Array('武汉', '黄石', '十堰', '荆州', '宜昌', '襄樊', '鄂州', '荆门', '孝感', '黄冈', '咸宁', '恩施', '随州', '仙桃', '天门', '潜江', '神农架'); if (selectP == '21') { a = 21; tempoption = new Option('湖南', '21', false, true); } else { tempoption = new Option('湖南', '21'); } eval('document.' + formname + '.' + preP + '.options[21]=tempoption;'); cityareacode[20] = new Array('2101', '2102', '2103', '2104', '2105', '2106', '2107', '2108', '2109', '2110', '2111', '2112', '2113'); cityareaname[20] = new Array('长沙', '株州', '湘潭', '衡阳', '邵阳', '岳阳', '常德', '郴州', '益阳', '永州', '怀化', '娄底', '湘西 '); if (selectP == '22') { a = 22; tempoption = new Option('广西', '22', false, true); } else { tempoption = new Option('广西', '22'); } eval('document.' + formname + '.' + preP + '.options[22]=tempoption;'); cityareacode[21] = new Array('2201', '2202', '2203', '2204', '2205', '2206', '2207', '2208', '2209', '2210', '2211', '2212'); cityareaname[21] = new Array('南宁', '柳州', '桂林', '梧州', '北海', '防城港', '钦州', '贵港', '玉林', '贺州', '百色', '河池'); if (selectP == '23') { a = 23; tempoption = new Option('海南', '23', false, true); } else { tempoption = new Option('海南', '23'); } eval('document.' + formname + '.' + preP + '.options[23]=tempoption;'); cityareacode[22] = new Array('2301', '2302', '2303', '2304', '2305', '2306', '2307', '2308', '2309'); cityareaname[22] = new Array('海口 ', '三亚', '通什', '琼海', '琼山', '文昌', '万宁', '东方', '儋州'); if (selectP == '24') { a = 24; tempoption = new Option('四川', '24', false, true); } else { tempoption = new Option('四川', '24'); } eval('document.' + formname + '.' + preP + '.options[24]=tempoption;'); cityareacode[23] = new Array('2401', '2402', '2403', '2404', '2405', '2406', '2407', '2408', '2409', '2410', '2411', '2412', '2413', '2414', '2415', '2416', '2417', '2418', '2419', '2420'); cityareaname[23] = new Array('成都', '自贡', '攀枝花', '泸州', '德阳', '绵阳', '广元', '遂宁', '内江', '乐山', '南充 ', '宜宾', '广安', '达川', '巴中', '雅安', '眉山 ', '阿坝 ', '甘孜 ', '凉山 '); if (selectP == '25') { a = 25; tempoption = new Option('贵州', '25', false, true); } else { tempoption = new Option('贵州', '25'); } eval('document.' + formname + '.' + preP + '.options[25]=tempoption;'); cityareacode[24] = new Array('2501', '2502', '2503', '2504', '2505', '2506', '2507', '2508', '2509'); cityareaname[24] = new Array('贵阳 ', '六盘水', '遵义', '铜仁', '毕节', '安顺', '黔西南 ', '黔东南', '黔南'); if (selectP == '26') { a = 26; tempoption = new Option('云南', '26', false, true); } else { tempoption = new Option('云南', '26'); } eval('document.' + formname + '.' + preP + '.options[26]=tempoption;'); cityareacode[25] = new Array('2601', '2602', '2603', '2604', '2605', '2606', '2607', '2608', '2609', '2610', '2611', '2612', '2613', '2614', '2615', '2616', '2617'); cityareaname[25] = new Array('昆明', '东川', '曲靖', '玉溪', '昭通', '思茅', '临沧', '保山', '丽江', '文山 ', '红河 ', '西双版纳 ', '楚雄 ', '大理 ', '德宏 ', '怒江', '迪庆'); if (selectP == '27') { a = 27; tempoption = new Option('西藏', '27', false, true); } else { tempoption = new Option('西藏', '27'); } eval('document.' + formname + '.' + preP + '.options[27]=tempoption;'); cityareacode[26] = new Array('2701', '2702', '2703', '2704', '2705', '2706', '2707'); cityareaname[26] = new Array('拉萨', '那曲', '昌都', '山南', '日喀则', '阿里', '林芝'); if (selectP == '28') { a = 28; tempoption = new Option('陕西', '28', false, true); } else { tempoption = new Option('陕西', '28'); } eval('document.' + formname + '.' + preP + '.options[28]=tempoption;'); cityareacode[27] = new Array('2801', '2802', '2803', '2804', '2805', '2806', '2807', '2808', '2809', '2810'); cityareaname[27] = new Array('西安', '铜川', '宝鸡', '咸阳', '渭南', '延安', '汉中', '榆林', '商洛', '安康'); if (selectP == '29') { a = 29; tempoption = new Option('甘肃', '29', false, true); } else { tempoption = new Option('甘肃', '29'); } eval('document.' + formname + '.' + preP + '.options[29]=tempoption;'); cityareacode[28] = new Array('2901', '2902', '2903', '2904', '2905', '2906', '2907', '2908', '2909', '2910', '2911', '2912', '2913', '2914'); cityareaname[28] = new Array('兰州', '金昌', '白银', '天水', '嘉峪关', '定西', '平凉', '庆阳', '陇南', '武威', '张掖', '酒泉', '甘南 ', '临夏'); if (selectP == '30') { a = 30; tempoption = new Option('青海', '30', false, true); } else { tempoption = new Option('青海', '30'); } eval('document.' + formname + '.' + preP + '.options[30]=tempoption;'); cityareacode[29] = new Array('3001', '3002', '3003', '3004', '3005', '3006', '3007', '3008'); cityareaname[29] = new Array('西宁', '海东', ' 海北 ', '黄南', '海南', '果洛', '玉树', '海西'); if (selectP == '31') { a = 31; tempoption = new Option('宁夏', '31', false, true); } else { tempoption = new Option('宁夏', '31'); } eval('document.' + formname + '.' + preP + '.options[31]=tempoption;'); cityareacode[30] = new Array('3101', '3102', '3103', '3104'); cityareaname[30] = new Array('银川', '石嘴山', '银南', '固原'); if (selectP == '32') { a = 32; tempoption = new Option('新疆', '32', false, true); } else { tempoption = new Option('新疆', '32'); } eval('document.' + formname + '.' + preP + '.options[32]=tempoption;'); cityareacode[31] = new Array('3201', '3202', '3203', '3204', '3205', '3206', '3207', '3208', '3209', '3210', '3211', '3212', '3213'); cityareaname[31] = new Array('乌鲁木齐', '克拉玛依', '石河子', '吐鲁番', '哈密', '和田', '阿克苏', '喀什', '克孜勒苏', '巴音郭楞', '昌吉', '博尔塔拉', '伊犁'); if (selectP == '33') { a = 33; tempoption = new Option('香港', '33', false, true); } else { tempoption = new Option('香港', '33'); } eval('document.' + formname + '.' + preP + '.options[33]=tempoption;'); cityareacode[32] = new Array(); cityareaname[32] = new Array(); if (selectP == '34') { a = 34; tempoption = new Option('澳门', '34', false, true); } else { tempoption = new Option('澳门', '34'); } eval('document.' + formname + '.' + preP + '.options[34]=tempoption;'); cityareacode[33] = new Array(); cityareaname[33] = new Array(); if (selectP == '35') { a = 35; tempoption = new Option('台湾', '35', false, true); } else { tempoption = new Option('台湾', '35'); } eval('document.' + formname + '.' + preP + '.options[35]=tempoption;'); cityareacode[34] = new Array(); cityareaname[34] = new Array(); eval('document.' + formname + '.' + preP + '.options[a].selected=true;'); cityid = selectP; if (cityid != '0') { b = 0; for (i = 0; i < cityareaname[cityid - 1].length; i++) { if (selectC == cityareacode[cityid - 1][i]) { b = i + 1; tempoption = new Option(cityareaname[cityid - 1][i], cityareacode[cityid - 1][i], false, true); } else tempoption = new Option(cityareaname[cityid - 1][i], cityareacode[cityid - 1][i]); eval('document.' + formname + '.' + preC + '.options[i+1]=tempoption;'); } eval('document.' + formname + '.' + preC + '.options[b].selected=true;'); } } function selectcityarea(preP, preC, formname) { cityid = eval('document.' + formname + '.' + preP + '.selectedIndex;'); j = eval('document.' + formname + '.' + preC + '.length;'); for (i = 1; i < j; i++) { eval('document.' + formname + '.' + preC + '.options[j-i]=null;') } if (cityid != "0") { for (i = 0; i < cityareaname[cityid - 1].length; i++) { tempoption = new Option(cityareaname[cityid - 1][i], cityareacode[cityid - 1][i]); eval('document.' + formname + '.' + preC + '.options[i+1]=tempoption;'); } } } </script> <form action="file:///C|/Program%20Files/Macromedia/Dreamweaver%204/Lessons/Lesson%20Files/info_search.asp?martid=" method=post name=form1> <img src="file:///C|/Program%20Files/Macromedia/Dreamweaver%204/images/w_KT.gif" height="6" width="1"> <br> <table width=300 border=0 cellspacing="0" cellpadding="1" !bgcolor=#FFFDE6> <tr> <td class="black_con9" align="right"> 省份: </td> <td class="black_con9"> <select name="selectp" onChange="selectcityarea('selectp','selectc','form1');"> <option value="0" selected> 不限-- </select> </td> </tr> <tr> <td class="black_con9" align="right"> 县/市: </td> <td class="black_con9"> <select name="selectc"> <option value="0" selected> 不限-- </select> </td> </tr> </table> </form> <script language="javascript"> first("selectp", "selectc", "form1", 0, 0); </script> <br> <p> <a href="http://www.njxblog.com"> 小池编程的博客 </a> </p> </body> </html>