省市二级联动

省市二级联动

		<script>
            //	创建一个二维数组存储城市
            var cities=new Array(3);
            cities[0]=new Array("武汉","黄冈");
            cities[1]=new Array("长沙","衡阳");
            cities[2]=new Array("郑州","南阳");
            cities[3]=new Array("石家庄","廊坊");
			function changeCity(val) {
			    //获取第二个下拉列表
				var cityEle = document.getElementById("city");
				cityEle.innerHTML="";
				//清空第二个下拉列表的内容
				//cityEle.options.length=0;

				//遍历二维数组的省份
				for(var i=0;i<cities.length;i++){
				    //比较的是角标
					if(val==i){
						//遍历对应角标下的城市
						for(var j=0;j<cities[i].length;j++){
						    //alert(cities[i][j]);
							//创建城市的文本节点
							var textNode = document.createTextNode(cities[i][j]);
							//创建元素节点
							var optionElement = document.createElement("option");
							optionElement.appendChild(textNode);
							cityEle.appendChild(optionElement);
						}
					}
				}
            }
		</script>

数组的长度可变,数组的长度=最大角标+1; 如果上面添加一个:cities[100]=new Array("");
那么数组的长度就是101;
! 特别注意