JavaScript實現(xiàn)級聯(lián)菜單的方法
更新時間:2015年06月29日 16:19:49 作者:林蛤蛤
這篇文章主要介紹了JavaScript實現(xiàn)級聯(lián)菜單的方法,涉及javascript頁面元素操作的相關技巧,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)級聯(lián)菜單的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
<html> <head> <title>test</title> <script type="text/javascript"> function f() { var sel=document.getElementById("country"); var sel2=document.getElementById("city"); var cnarr1=new Array("bj","sh") var cnarr2=new Array("beijing","shanghai") var usaarr1=new Array("dc","ny") var usaarr2=new Array("Washington","NewYork") for(var i=sel2.length;i>=0;i--){ sel2.removeChild(sel2.childNodes[i]); } var op=document.createElement("option"); op.value="please"; op.text="please"; sel2.appendChild(op); if(sel.value=='USA'){ for(i=0;i<2;i++){ op.value=usaarr1[i]; op.text=usaarr2[i]; sel2.appendChild(op); } } else if(sel.value=='CN'){ for(i=0;i<2;i++){ op.value=cnarr1[i]; op.text=cnarr2[i]; sel2.appendChild(op); } } } </script> </head> <body> <select onchange="f()" id='country'> <option >please</option> <option value='USA'>America</option> <option value='CN'>China</option> </select> <select id='city'> <option >please</option> </select> </body> </html>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
- javascript實現(xiàn)二級級聯(lián)菜單的簡單制作
- js實現(xiàn)網(wǎng)頁多級級聯(lián)菜單代碼
- js出生日期 年月日級聯(lián)菜單示例代碼
- 前臺JS(jquery ajax)調(diào)用后臺方法實現(xiàn)無刷新級聯(lián)菜單示例
- js 使用form表單select類實現(xiàn)級聯(lián)菜單效果
- ExtJS 設置級聯(lián)菜單的默認值
- Ajax+Json 級聯(lián)菜單實現(xiàn)代碼
- 用php+javascript實現(xiàn)二級級聯(lián)菜單的制作
- js實現(xiàn)的全國省市二級聯(lián)動下拉選擇菜單完整實例
- js實現(xiàn)城市級聯(lián)菜單的2種方法
相關文章
js中bool值的轉(zhuǎn)換及“&&”、“||”、 “!!”詳解
這篇文章主要給大家介紹了關于js中bool值的轉(zhuǎn)換方法以及"&&" 、"||"、 "!!"的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友下面來一起看看吧。2017-12-12用javascrpt將指定網(wǎng)頁保存為Excel的代碼
這段代碼在服務器中沒有權限,可以保存在本地,存為htm文件,運行即可,就可以把文本內(nèi)容存為excel文件了2008-01-01js處理層級數(shù)據(jù)結(jié)構(gòu)的方法小結(jié)
本文主要介紹了js處理層級數(shù)據(jù)結(jié)構(gòu)的方法。具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01