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>
时间: 2024-10-27 10:46:31

js省市联动的相关文章

原生JS省市联动,方便而且容易扩展

//省市联动cities = new Object(); cities['台湾']=new Array('台北','台南','其他'); cities['马来西亚']=new Array('Malaysia'); cities['北京']=new Array('北京'); cities['上海']=new Array('上海'); cities['天津']=new Array('天津'); cities['重庆']=new Array('重庆'); cities['河北省']=new Array

js省市联动(适合小白)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascrip

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/199

省市联动 js

工作中见到这个省市联动代码,虽然很简单也能写出来,还是随便把它记录下来. //省市联动 function area(obj_id, area_pId, data_call_back) { if (area_pId == -1) return; $.ajax({ type: 'GET', url: "/SysAdmin/Pages/tb_supplierAdd.aspx", data: { area_pId: area_pId }, dataType: 'json', success:

jquery插件-省市联动

由于项目需要需要实现一个省市联动,由于业务有一些特殊的需求,使用现有的插件略有不便,就自己实现了一个. 首先需要保存地区数据的JS数据文件,我这里命名为areaData.js,内容如下: /** * 保存地区信息 * 数据格式 * areaData = [{'pro': '北京', 'cities': {'-1': '北京'}}, {...}] * 直辖市存在-1,表示就是直辖市 */ (function(window) { window.areaData = [{"pro":&quo

Dynamic CRM 2013学习笔记(八)过滤查找控件 (类似省市联动)

我们经常要实现类似省市联动一样的功能,常见的就是二个查找控件,一个选择了省后,另一个市的查找控件就自动过滤了,只显示当前省下的市,而不是所有的市.当然这是最简单的,实际工作中还有更复杂的功能要通过过滤查找控件来实现.本文主要介绍基本的查找控件过滤.多表关联的复杂过滤以及子表里实现查找控件的过滤.   一.简单的过滤 先看下需求: 按"Special GL Indicator" 来过滤 Posting 查找控件增加了preSearch事件.它发生在查找控件显示对话框供用户查找记录之前,与

Json 基于jQuery+JSON的省市联动效果

helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery  JSON  Ajax  省市联动 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. 查看演示 下载源码 HTML 首先在head中载入jquery库和cityselect插件. <script type="tex

省市联动效果

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" /><meta name="d

基于jQuery+JSON的省市联动效果

<!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> <meta http-equiv="Content-