jQuery之省市二级联动实现

通过jQuery完成对省市二级联动的实现

<script src="../js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function() {
		//创建二维数组，存储省份和城市	
		var citys = new Array(4);
		citys[0] = new Array("东城区", "西城区", "崇文区", "宣武区", "朝阳区");
		citys[1] = new Array("长沙市", "株洲市", "湘潭市", "岳阳市", "永州市");
		citys[2] = new Array("南京市", "常州市", "徐州市", "无锡市", "苏州市");
		citys[3] = new Array("广州市", "深圳市", "佛山市", "汕头市", "中山市");
		$("#province").change(function() {
			$("#city").empty();
			var cityItem = this.value;
			//遍历二维数组
			$.each(citys, function(i, n) {
				if (cityItem == i) {
					$.each(citys[i], function(a, b) {
						$("#city").append("<option>" + b + "</option>");
					});
				}
			});
		});
	});
</script>