JS 二級聯動

來源:互聯網
上載者:User

<!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 />

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.