<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /> <HTML><br /> <HEAD><br /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /> <TITLE> New Document </TITLE><br /> <META NAME="Generator" CONTENT="EditPlus"><br /> <META NAME="Author" CONTENT=""><br /> <META NAME="Keywords" CONTENT=""><br /> <META NAME="Description" CONTENT=""><br /> <mce:script language="JavaScript" type="text/javascript"><!--<br /> //定義了城市的二維數組,裡面的順序跟省份的順序是相同的。通過selectedIndex獲得省份的下標值來得到相應的城市數組<br /> var city=[<br /> ["北京","天津","上海","重慶"],<br /> ["南京","蘇州","南通","常州"],<br /> ["福州","福安","龍岩","南平"],<br /> ["廣州","潮陽","潮州","澄海"],<br /> ["蘭州","白銀","定西","敦煌"]<br /> ];</p><p> function getCity(){<br /> //獲得省份下拉框的對象<br /> var sltProvince=document.form1.province;<br /> //獲得城市下拉框的對象<br /> var sltCity=document.form1.city;</p><p> //得到對應省份的城市數組<br /> var provinceCity=city[sltProvince.selectedIndex - 1];</p><p> //清空城市下拉框,僅留提示選項<br /> sltCity.length=1;</p><p> //將城市數組中的值填充到城市下拉框中<br /> for(var i=0;i<provinceCity.length;i++){<br /> sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);<br /> }<br /> }</p><p>// --></mce:script><br /> </HEAD></p><p> <BODY><br /> <FORM METHOD=POST ACTION="" name="form1"><br /> <SELECT NAME="province" onChange="getCity()"><br /> <OPTION VALUE="0">請選擇所在省份 </OPTION><br /> <OPTION VALUE="直轄市">直轄市 </OPTION><br /> <OPTION VALUE="江蘇省">江蘇省 </OPTION><br /> <OPTION VALUE="福建省">福建省 </OPTION><br /> <OPTION VALUE="廣東省">廣東省 </OPTION><br /> <OPTION VALUE="甘肅省">甘肅省 </OPTION><br /> </SELECT><br /> <SELECT NAME="city"><br /> <OPTION VALUE="0">請選擇所在城市 </OPTION><br /> </SELECT><br /> </FORM><br /> </BODY><br /> </HTML><br />