js实现网页多级级联菜单代码

本文实例讲述了射流研究…实现网页多级级联菜单。分享给大家供大家参考。具体如下：

这是大家在网页上经常会见到的级联菜单特效，不过这一个代码是由射流研究…来实现，将级联菜单中的内容保存在了射流研究…数组中，为了页面美观，本次还美化了一下表格边框，整体看上去更和谐实用了，多级的下拉菜单对网页设计来说比较实用。

运行效果如下图所示：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-表格-选择-菜单-样式-代码/

具体代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML hearteta http-equiv=' Content-Type ' Content=' text/HTML；charset=gb2312'title多级级联菜单/title脚本类型=' text/JavaScript ' var arr 2=new Array(4)；arr2['数码设备]=新数组('数码相机','打印机');arr2['家用电器]=新数组('电视机','电冰箱');arr2['礼品工艺]=新数组('鲜花','彩带');函数removeinfo(classMenu){//将下拉框各选项清空for(var I=0；我类菜单。选项。长度；I){班级菜单。选项[I]=空；} }函数changeMenu(类列表，类菜单){ remove info(类菜单)for(var I=0；一、班级名单。长度；I){类菜单[I]=新选项(classList[i]，class list[I])；} }/script/head body style=' font-size :12 px '表格宽度=' 487 '高度=' 333 '边框=' 0 ' align=' center '单元格填充=' 0 '单元格间距=' 0 ' tr TD align=' center ' valgn=' top ' br br br表格宽度=' 86% '边框=' 0 ' align=' center '单元格填充=' 2 ' 单元格间距=' 1 ' bgcolor=' # 6699 cc ' form name=' form 1 ' tr所属类别：/td td高度='22' align='left'select name='类别id='类别onChange=' change menu(arr 2[文档。 表格1 .类别。选项[文件.表格1 .类别选择索引].文本]，document.form1 .分类);选择的选项数码设备/option选项家用电器/option选项礼品工艺/option /select select name='分类id='分类选择权数码相机/option选项打印机/option/select/TD/tr tr bgcolor=' # FFFFFF ' TD高度=' 22 ' align=' right '商品名称：/td td高度='22' align='left'input name='商品名称type='text' id='商品名称size=' 30 '最大长度=' 50 '/TD/tr bgcolor=' # FFFFFF ' TD高度=' 22 ' align=' right '会员价：/td td高度='22' align='left'input name='会员价type='text' id='会员价size=' 10 '/TD/tr tr bgcolor=' # FFFFFF ' TD高度=' 22 '对齐='右侧'提供厂商：/td td高度='22' align='left'input name='提供厂商type='text' id='提供厂商size=' 30 '最大长度=' 50 '/TD/tr bgcolor=' # FFFFFF ' TD高度=' 22 ' align=' right '商品简介：/td td高度='22' align='left'textarea name='商品简介cols='35 '行='4' id='商品简介/文本区/TD/tr tr bgcolor=' # FFFFFF ' TD高度=' 22 '对齐='右侧'商品数量：/td td高度='22' align='left'input name='商品数量type='text' id='商品数量size=' 10 '/TD/tr tr bgcolor=' # FFFFFF ' TD height=' 22 ' col span=' 2 ' align=' center '输入名称=' add ' type=' submit ' id=' add 2 ' value='添加输入类型='重置'名称='提交2 '值='重置/TD/tr/form/table/TD/tr/table/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。