<form name="form1" method="post" action="index_cx.asp"> <table border="0" align="center" cellpadding="2" cellspacing="1"><tr><td><div align="right">旅游意向：</div></td> <script language = "JavaScript"> var onecount; onecount=0; subcat = new Array(); //subcat[5] = new Array("abc","1","1"); // 5:類別ID abc:名稱 1:類別 1:IDsubcat[0] = new Array("大洋洲","1","大洋洲");subcat[1] = new Array("東亞","1","東亞");subcat[2] = new Array("南亞","1","南亞");subcat[3] = new Array("東南亞","1","東南亞");subcat[4] = new Array("地中海及非洲","1","地中海及非洲");subcat[5] = new Array("歐洲","1","歐洲");subcat[6] = new Array("港澳地區(qū)","1","港澳地區(qū)");subcat[7] = new Array("西南","2","西南");subcat[8] = new Array("西北","2","西北");subcat[9] = new Array("華北","2","華北");subcat[10] = new Array("東北","2","東北");subcat[11] = new Array("華中","2","華中");subcat[12] = new Array("華東","2","華東");subcat[13] = new Array("華南","2","華南");subcat[14] = new Array("北京周邊","2","北京周邊");subcat[15] = new Array("拉丁美洲","1","拉丁美洲");onecount=16;function changelocation(locationid){document.form1.areaid.options[0]=new Option("-請選擇-","");document.form1.areaid.length = 1; var locationid=locationid;var i;for (i=0;i < onecount; i++){if (subcat[i][1] == locationid){ document.form1.areaid.options[document.form1.areaid.length] = new Option(subcat[i][0], subcat[i][2]);} }}</script><td><select name="rootid" id="rootid" onChange="changelocation(document.form1.rootid.options[document.form1.rootid.selectedIndex].value)"><option value="" selected>- 請選擇 -</option><option value="1">出境</option><option value="2">國內(nèi)</option><option value="3">省內(nèi)</option></select></td><td>區(qū)域 ：</td><td><select name="areaid" id="areaid"><option value="" selected>-- 請選擇 --</option></select></td></tr><tr><td colspan="4"><div align="right"></div> <div align="right"><input type="submit" name="Submit" value="提交"> </div></td></tr></table> </form>

轉(zhuǎn)載于:https://www.cnblogs.com/leonard2010/archive/2010/08/19/1803626.html

總結(jié)

以上是生活随笔為你收集整理的JS级别联动下拉列表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。