本文实例讲述了JavaScript实现级联菜单的方法。分享给大家供大家参考。具体实现方法如下:
<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,级联菜单
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金钱帮资源网 Copyright www.kbjia.com
暂无“JavaScript实现级联菜单的方法”评论...
更新日志
2024年10月11日
2024年10月11日
- 邰肇玫.1981-雪歌(滚石25周年经典复刻系列)【滚石】【WAV+CUE】
- 《Duck Side of the Moon》特色玩法介绍
- 《刀郎 辉煌10年绝版珍藏 3CD》[WAV/分轨][1.6GB]
- 《张韶涵 全面沦陷》[WAV/分轨][370MB]
- 《极品汽车音乐 三十而立 一起走过的岁月 2CD》[WAV/分轨][990MB]
- 周冰倩1997-珍藏精选-真的好想你[WAV+CUE]
- 许廷铿2017《THEULTIMATECOLLECTION》2CD[星梦娱乐][WAV+CUE]
- 徐小明1983-再向虎山行(LP版)[文志][WAV+CUE]
- 《黑神话:悟空》石双双COS热潮持续升温 丝袜你喜欢么
- Qiddiya IRL游戏之旅在东京电玩展重磅登场
- 北京首家任天堂Switch体验店开业:国行机立减200元
- 张秀卿.1999-赢【神采】【WAV+CUE】
- 群星.1977-多多宝丽多(LP版)【宝丽金】【WAV+CUE】
- 刘德华.1989-永远...记得你(2012金碟复刻版)【EMI百代】【WAV+CUE】
- 《维纳斯璀璨假期死或生Xtreme》游戏特色玩法