JS+html 实现select二级联动菜单

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站

<html><head><title></title><script language="javascript" type="text/javascript">//定义 城市 数据数组cityArray = new Array();cityArray[0] = new Array("河南省","郑州市|开封市|洛阳市|平顶山市|安阳市|鹤壁市|新乡市|焦作市|濮阳市|许昌市|漯河市|三门峡市|南阳市|商丘市|信阳市|周口市|驻马店市|济源市");cityArray[1] = new Array("云南省","昆明市|大理市|曲靖市|玉溪市|昭通市|楚雄市|红河市|文山市|思茅市|西双版纳市|保山市|德宏市|丽江市|怒江市|迪庆市|临沧市");cityArray[2] = new Array("其它","其它");cityArray[3] = new Array("请选择","-请选择-"); function getCity(currProvince){	//当前 所选择 的 省	var currProvince = currProvince;	var i,j,k;	//清空 城市 下拉选单	document.all.selCity.length = 0 ;	for (i = 0 ;i <cityArray.length;i++)	{		//得到 当前省 在 城市数组中的位置		if(cityArray[i][0]==currProvince)		{			//得到 当前省 所辖制的 地市			var tmpcityArray = cityArray[i][1].split("|")			for(j=0;j<tmpcityArray.length;j++)			{				//填充 城市 下拉选单				document.all.selCity.options[document.all.selCity.length] = new Option(tmpcityArray[j],tmpcityArray[j]);			}		}	}}</script></head><body>    <form id="form1">    	<!-- 此处getCity()方法获取的是option标签中的value属性所对应的值,而不是页面显示的值 -->        <select id="selProvince" onChange = "getCity(this.options[this.selectedIndex].value)">             <option value="请选择">-请选择-</option>            <option value="河南省">河南省</option>            <option value="云南省">云南省</option>        	<option value="其它">其它</option>		</select>            <select id="selCity">            <option>-请选择-</option>        </select>    </form></body></html>

点这里可以跳转到人工智能网站