资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
一个最简单的级联下拉菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <head> <title> 代码实例:级联菜单 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="author" content="枫岩,CNLei.y.l@gmail.com"> </head> <body> <select id="BigCate" name="BigCate" size="1" onchange="Redirect(this.options.selectedIndex)"> <option value="">人物</option> <option value="">地理</option> <option value="">野生动物</option> <option value="">科技</option> <option value="">静物</option> <option value="">设计</option> <option value="">新闻</option> <option value="">宠物</option> <option value="">植物</option> <option value="">娱乐</option> <option value="">生活亮点</option> <option value="">体育</option> </select> <select id="SmlCate" name="SmlCate" size="1"> <option value="1">日常生活</option> <option value="2">旅行</option> <option value="3">聚会</option> <option value="4">婚庆</option> <option value="5">节日</option> <option value="6">美女写真</option> <option value="7">人体摄影</option> <option value="8">网友自拍</option> <option value="9">演艺明星</option> <option value="10">体育明星</option> <option value="11">政坛名人</option> <option value="12">其它</option> </select> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0Avar%20groups%20%3D%20document.getElementById(%22BigCate%22).options.length%3B%20%0D%0Avar%20group%20%3D%20new%20Array(groups)%20%0D%0Afor%20(i%20%3D%200%3B%20i%20%3C%20groups%3B%20i%20%2B%2B)%20%0D%0Agroup%5Bi%5D%20%3D%20new%20Array()%20%0D%0A%0D%0Agroup%5B0%5D%5B0%5D%20%3D%20new%20Option(%22%E6%97%A5%E5%B8%B8%E7%94%9F%E6%B4%BB%22%2C%221%22)%20%0D%0Agroup%5B0%5D%5B1%5D%20%3D%20new%20Option(%22%E6%97%85%E8%A1%8C%22%2C%222%22)%20%0D%0Agroup%5B0%5D%5B2%5D%20%3D%20new%20Option(%22%E8%81%9A%E4%BC%9A%22%2C%223%22)%20%0D%0Agroup%5B0%5D%5B3%5D%20%3D%20new%20Option(%22%E5%A9%9A%E5%BA%86%22%2C%224%22)%20%0D%0Agroup%5B0%5D%5B4%5D%20%3D%20new%20Option(%22%E8%8A%82%E6%97%A5%22%2C%225%22)%20%0D%0Agroup%5B0%5D%5B5%5D%20%3D%20new%20Option(%22%E7%BE%8E%E5%A5%B3%E5%86%99%E7%9C%9F%22%2C%226%22)%20%0D%0Agroup%5B0%5D%5B6%5D%20%3D%20new%20Option(%22%E4%BA%BA%E4%BD%93%E6%91%84%E5%BD%B1%22%2C%227%22)%20%0D%0Agroup%5B0%5D%5B7%5D%20%3D%20new%20Option(%22%E7%BD%91%E5%8F%8B%E8%87%AA%E6%8B%8D%22%2C%228%22)%20%0D%0Agroup%5B0%5D%5B8%5D%20%3D%20new%20Option(%22%E6%BC%94%E8%89%BA%E6%98%8E%E6%98%9F%22%2C%229%22)%20%0D%0Agroup%5B0%5D%5B9%5D%20%3D%20new%20Option(%22%E4%BD%93%E8%82%B2%E6%98%8E%E6%98%9F%22%2C%2210%22)%20%0D%0Agroup%5B0%5D%5B10%5D%20%3D%20new%20Option(%22%E6%94%BF%E5%9D%9B%E5%90%8D%E4%BA%BA%22%2C%2211%22)%20%0D%0Agroup%5B0%5D%5B11%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%2212%22)%20%0D%0A%0D%0Agroup%5B1%5D%5B0%5D%20%3D%20new%20Option(%22%E7%8E%B0%E4%BB%A3%E5%BB%BA%E7%AD%91%22%2C%2240%22)%20%0D%0Agroup%5B1%5D%5B1%5D%20%3D%20new%20Option(%22%E6%96%87%E5%8C%96%E9%81%97%E4%BA%A7%22%2C%2241%22)%20%0D%0Agroup%5B1%5D%5B2%5D%20%3D%20new%20Option(%22%E8%87%AA%E7%84%B6%E9%A3%8E%E6%99%AF%22%2C%2242%22)%20%0D%0Agroup%5B1%5D%5B3%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%2243%22)%20%0D%0A%0D%0Agroup%5B2%5D%5B0%5D%20%3D%20new%20Option(%22%E5%93%BA%E4%B9%B3%E7%B1%BB%22%2C%2280%22)%20%0D%0Agroup%5B2%5D%5B1%5D%20%3D%20new%20Option(%22%E9%B8%9F%E7%B1%BB%22%2C%2281%22)%20%0D%0Agroup%5B2%5D%5B2%5D%20%3D%20new%20Option(%22%E9%B1%BC%E7%B1%BB%22%2C%2282%22)%20%0D%0Agroup%5B2%5D%5B3%5D%20%3D%20new%20Option(%22%E6%98%86%E8%99%AB%22%2C%2283%22)%20%0D%0Agroup%5B2%5D%5B4%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%2284%22)%20%0D%0A%0D%0Agroup%5B3%5D%5B0%5D%20%3D%20new%20Option(%22%E8%AE%A1%E7%AE%97%E6%9C%BA%22%2C%22120%22)%20%0D%0Agroup%5B3%5D%5B1%5D%20%3D%20new%20Option(%22%E5%86%9B%E4%BA%8B%22%2C%22121%22)%20%0D%0Agroup%5B3%5D%5B2%5D%20%3D%20new%20Option(%22%E5%A4%AA%E7%A9%BA%22%2C%22122%22)%20%0D%0Agroup%5B3%5D%5B3%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22123%22)%20%0D%0A%0D%0Agroup%5B4%5D%5B0%5D%20%3D%20new%20Option(%22%E9%82%AE%E7%A5%A8%22%2C%22160%22)%20%0D%0Agroup%5B4%5D%5B1%5D%20%3D%20new%20Option(%22%E9%92%B1%E5%B8%81%22%2C%22161%22)%20%0D%0Agroup%5B4%5D%5B2%5D%20%3D%20new%20Option(%22%E9%A5%B0%E7%89%A9%22%2C%22162%22)%20%0D%0Agroup%5B4%5D%5B3%5D%20%3D%20new%20Option(%22%E7%8E%A9%E5%85%B7%22%2C%22163%22)%20%0D%0Agroup%5B4%5D%5B4%5D%20%3D%20new%20Option(%22%E6%A8%A1%E5%9E%8B%22%2C%22164%22)%20%0D%0Agroup%5B4%5D%5B5%5D%20%3D%20new%20Option(%22%E4%B9%A6%E6%B3%95%22%2C%22165%22)%20%0D%0Agroup%5B4%5D%5B6%5D%20%3D%20new%20Option(%22%E7%BB%98%E7%94%BB%22%2C%22166%22)%20%0D%0Agroup%5B4%5D%5B7%5D%20%3D%20new%20Option(%22%E7%AF%86%E5%88%BB%22%2C%22167%22)%20%0D%0Agroup%5B4%5D%5B8%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22168%22)%20%0D%0A%0D%0Agroup%5B5%5D%5B0%5D%20%3D%20new%20Option(%22CG%22%2C%22200%22)%20%0D%0Agroup%5B5%5D%5B1%5D%20%3D%20new%20Option(%22%E7%B4%A0%E6%9D%90%22%2C%22201%22)%20%0D%0Agroup%5B5%5D%5B2%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22202%22)%20%0D%0A%0D%0Agroup%5B6%5D%5B0%5D%20%3D%20new%20Option(%22%E6%97%B6%E6%94%BF%22%2C%22240%22)%20%0D%0Agroup%5B6%5D%5B1%5D%20%3D%20new%20Option(%22%E6%96%87%E5%8C%96%22%2C%22241%22)%20%0D%0Agroup%5B6%5D%5B2%5D%20%3D%20new%20Option(%22%E6%88%98%E4%BA%89%22%2C%22242%22)%20%0D%0Agroup%5B6%5D%5B3%5D%20%3D%20new%20Option(%22%E7%A4%BE%E4%BC%9A%22%2C%22245%22)%20%0D%0Agroup%5B6%5D%5B4%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22246%22)%20%0D%0A%0D%0Agroup%5B7%5D%5B0%5D%20%3D%20new%20Option(%22%E7%8B%97%22%2C%22280%22)%20%0D%0Agroup%5B7%5D%5B1%5D%20%3D%20new%20Option(%22%E7%8C%AB%22%2C%22281%22)%20%0D%0Agroup%5B7%5D%5B2%5D%20%3D%20new%20Option(%22%E9%87%91%E9%B1%BC%22%2C%22282%22)%20%0D%0Agroup%5B7%5D%5B3%5D%20%3D%20new%20Option(%22%E9%B8%9F%22%2C%22284%22)%20%0D%0Agroup%5B7%5D%5B4%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22285%22)%20%0D%0A%0D%0Agroup%5B8%5D%5B0%5D%20%3D%20new%20Option(%22%E8%8A%B1%E5%8D%89%22%2C%22320%22)%20%0D%0Agroup%5B8%5D%5B1%5D%20%3D%20new%20Option(%22%E6%A0%91%E6%9C%A8%22%2C%22321%22)%20%0D%0Agroup%5B8%5D%5B2%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22322%22)%20%0D%0A%0D%0Agroup%5B9%5D%5B0%5D%20%3D%20new%20Option(%22%E6%90%9E%E7%AC%91%22%2C%22360%22)%20%0D%0Agroup%5B9%5D%5B1%5D%20%3D%20new%20Option(%22%E6%B8%B8%E6%88%8F%22%2C%22361%22)%20%0D%0Agroup%5B9%5D%5B2%5D%20%3D%20new%20Option(%22%E5%8A%A8%E6%BC%AB%22%2C%22362%22)%20%0D%0Agroup%5B9%5D%5B3%5D%20%3D%20new%20Option(%22%E4%BA%BA%E4%BD%93%E5%BD%A9%E7%BB%98%22%2C%22363%22)%20%0D%0Agroup%5B9%5D%5B4%5D%20%3D%20new%20Option(%22%E7%94%B5%E5%BD%B1%E6%B5%B7%E6%8A%A5%22%2C%22364%22)%20%0D%0Agroup%5B9%5D%5B5%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22365%22)%20%0D%0A%0D%0Agroup%5B10%5D%5B0%5D%20%3D%20new%20Option(%22%E5%AE%B6%E5%B1%85%22%2C%22400%22)%20%0D%0Agroup%5B10%5D%5B1%5D%20%3D%20new%20Option(%22%E6%B1%BD%E8%BD%A6%22%2C%22401%22)%20%0D%0Agroup%5B10%5D%5B2%5D%20%3D%20new%20Option(%22%E6%89%8B%E6%9C%BA%22%2C%22402%22)%20%0D%0Agroup%5B10%5D%5B3%5D%20%3D%20new%20Option(%22%E6%95%B0%E7%A0%81%E4%BA%A7%E5%93%81%22%2C%22403%22)%20%0D%0Agroup%5B10%5D%5B4%5D%20%3D%20new%20Option(%22%E6%9C%8D%E9%A5%B0%22%2C%22405%22)%20%0D%0Agroup%5B10%5D%5B5%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22404%22)%20%0D%0A%0D%0Agroup%5B11%5D%5B0%5D%20%3D%20new%20Option(%22%E5%A5%A5%E8%BF%90%22%2C%22440%22)%20%0D%0Agroup%5B11%5D%5B1%5D%20%3D%20new%20Option(%22%E7%AF%AE%E7%90%83%22%2C%22441%22)%20%0D%0Agroup%5B11%5D%5B2%5D%20%3D%20new%20Option(%22%E8%B6%B3%E7%90%83%22%2C%22442%22)%20%0D%0Agroup%5B11%5D%5B3%5D%20%3D%20new%20Option(%22%E5%85%B6%E5%AE%83%22%2C%22443%22)%20%0D%0A%0D%0Avar%20temp%20%3D%20document.getElementById(%22SmlCate%22)%3B%20%0D%0Afunction%20Redirect(x)%7B%20%0D%0A%20for%20(m%20%3D%20temp.options.length-1%3B%20m%20%3E%200%3B%20m%20--)%20%0D%0A%20temp.options%5Bm%5D%20%3D%20null%20%0D%0A%20for%20(i%20%3D%200%3B%20i%20%3C%20group%5Bx%5D.length%3B%20i%20%2B%2B)%7B%20%0D%0A%20temp.options%5Bi%5D%20%3D%20new%20Option(group%5Bx%5D%5Bi%5D.text%2Cgroup%5Bx%5D%5Bi%5D.value)%3B%20%0D%0A%20%7D%20%0D%0A%20temp.options%5B0%5D.selected%20%3D%20true%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程