JavaScript實(shí)現(xiàn)級(jí)聯(lián)菜單的方法
本文實(shí)例講述了JavaScript實(shí)現(xiàn)級(jí)聯(lián)菜單的方法。分享給大家供大家參考。具體實(shí)現(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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- javascript實(shí)現(xiàn)二級(jí)級(jí)聯(lián)菜單的簡(jiǎn)單制作
- js實(shí)現(xiàn)網(wǎng)頁(yè)多級(jí)級(jí)聯(lián)菜單代碼
- js出生日期 年月日級(jí)聯(lián)菜單示例代碼
- 前臺(tái)JS(jquery ajax)調(diào)用后臺(tái)方法實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例
- js 使用form表單select類實(shí)現(xiàn)級(jí)聯(lián)菜單效果
- ExtJS 設(shè)置級(jí)聯(lián)菜單的默認(rèn)值
- Ajax+Json 級(jí)聯(lián)菜單實(shí)現(xiàn)代碼
- 用php+javascript實(shí)現(xiàn)二級(jí)級(jí)聯(lián)菜單的制作
- js實(shí)現(xiàn)的全國(guó)省市二級(jí)聯(lián)動(dòng)下拉選擇菜單完整實(shí)例
- js實(shí)現(xiàn)城市級(jí)聯(lián)菜單的2種方法
相關(guān)文章
js中bool值的轉(zhuǎn)換及“&&”、“||”、 “!!”詳解
這篇文章主要給大家介紹了關(guān)于js中bool值的轉(zhuǎn)換方法以及"&&" 、"||"、 "!!"的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友下面來(lái)一起看看吧。2017-12-12用javascrpt將指定網(wǎng)頁(yè)保存為Excel的代碼
這段代碼在服務(wù)器中沒(méi)有權(quán)限,可以保存在本地,存為htm文件,運(yùn)行即可,就可以把文本內(nèi)容存為excel文件了2008-01-01jQuery實(shí)現(xiàn)騰訊信用界面(自制刻度尺)樣式
這篇文章主要介紹了jQuery實(shí)現(xiàn)騰訊信用界面(自制刻度尺)樣式,下文還總結(jié)了關(guān)于jquery中extend的方法,需要的朋友可以參考下2017-08-08js中對(duì)函數(shù)設(shè)置默認(rèn)參數(shù)值的3種方法
這篇文章主要介紹了js中對(duì)函數(shù)設(shè)置默認(rèn)參數(shù)值的3種方法嗎,3種方法都具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-10-10使用Turn.js實(shí)現(xiàn)翻書(shū)效果的完整步驟
最近項(xiàng)目經(jīng)理我個(gè)項(xiàng)目練練手,其項(xiàng)目需求是要實(shí)現(xiàn)翻書(shū)效果,下面這篇文章主要給大家介紹了關(guān)于使用Turn.js實(shí)現(xiàn)翻書(shū)效果的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12JS實(shí)現(xiàn)仿中關(guān)村論壇評(píng)分后彈出提示效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)仿中關(guān)村論壇評(píng)分后彈出提示效果的方法,實(shí)例分析了javascript彈出特效的css與提示框的具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02JavaScript設(shè)計(jì)模式之責(zé)任鏈模式實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之責(zé)任鏈模式,結(jié)合實(shí)例形式分析了責(zé)任鏈模式的概念、原理及具體定義與使用技巧,需要的朋友可以參考下2019-01-01js處理層級(jí)數(shù)據(jù)結(jié)構(gòu)的方法小結(jié)
本文主要介紹了js處理層級(jí)數(shù)據(jù)結(jié)構(gòu)的方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01