JavaScript——二级联动

 建select标签

    <select onchange="city()" id="choose">
		<option value="-1">--请选择省份--</option>
		<option value="河南">河南</option>
		<option value="浙江">浙江</option>
		<option value="北京">北京</option>
		<option value="安徽">安徽</option>
	</select>
	<select id="ch">
		<option >--请选择城市--</option>
	</select>

js代码

function city(){
		var arr = new Array();
		arr["--请选择省份--"] = ["--请选择城市--"];//二维数组 选择的省份所对应的城市
		arr["河南"] = ["郑州", "开封", "洛阳", "平顶山", "安阳", "鹤壁", "新乡", "焦作", "濮阳", "许昌", "漯河", "三门峡", "南阳", "商丘", "信阳", "周口", "驻马店"];
		arr["安徽"] = ["合肥", "芜湖", "蚌埠", "淮南", "马鞍山", "淮北", "铜陵", "安庆", "黄山", "阜阳", "宿州", "滁州", "六安", "宣城", "池州", "亳州", "潜山"];
		arr["北京"] = ["东城", "西城", "朝阳", "丰台", "石景山", "海淀", "顺义", "通州", "大兴", "房山", "门头沟", "昌平", "平谷", "密云", "怀柔", "延庆"]
		arr["浙江"] = ["杭州", "宁波", "温州", "嘉兴", "湖州", "绍兴", "金华", "衢州", "舟山", "台州", "丽水"]
		var choose = document.getElementById("choose").value;
		document.getElementById("ch").options.length = 0;//使用options.length=0清空第二个select数据
		for(var i = 0;i<arr[choose].length;i++){
			var opt = new Option(arr[choose][i],i);// Option()构造函数
			document.getElementById("ch").options.add(opt);
				}
			}