js实现简单的联动菜单效果

本文举例说明了js实现的简单链接菜单效果。分享给大家参考。具体如下：

这是最简单的js联动菜单代码，可以在DW中自动生成。如果不想在DW中生成，可以下拉修改这个代码副本。网页上经常使用选择链接菜单。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-select-ld-menu-codes/

具体代码如下：

Htmlheadtitle简单选择链接菜单代码/标题/标题表单名称=' f1 '选择名称=' select1' onchange=' set _ list(这。options . selectedindex)' option selected pop music/OPtion option online book/OPtion option software download/option/select select select name=' select 2 ' option selected请选择网站/option/select script language=' JavaScript ' var l=document . f1 . select 1 . options . length；//获取第一个下拉菜单中的选项个数var group=new Array(l)//为(i=0)创建一个数组；il；I )//前一个数组的每个元素也是一个数组组[i]=new Array() //然后创建一个选项，定义内容组[0] [0]=newoption ('cntv '，' http://www.cntv.cn ')组[0] [1]=第二个下拉菜单# '的newoption)组[0][2]=new Option('搜狗音乐'，' http://m3.sogou.com/')组[1] [0]=newoption('网页特效'，'/jscss ')组[1][1]=new Option(')//设置要动态改变的对象为第二个下拉菜单函数set_list(x) //x表示第一个菜单{ for(m=selobj . options . length-1；m0；m-)//首先为(i=0)清除选项selobj . options[m]=null；igroup[x]。长度；I ){//根据第一个菜单选择的序号，从集群控制数组中提取菜单选项，放入第二个菜单selobj。options[I]=group[x][I]//您也可以在这里创建新对象，例如：selobj。选项[I]=新选项(组[x] [I]。正文，第[x] [I]组。value)} selobj。选项[0]。selected=true//select option no . 0 }函数go(){//此函数用于将窗口导航到指定的URL位置=selobj。选项[selobj。selectedindex]。VALUE }/SCRIPT/FORM pINPUT TYPE=' BUTTON ' NAME=' BUTTON ' VALUE=' go ' onclick=' go()' style=' background-color : # FFFFFF；向左浮动：字体系列： Arial Black；font-size : 10pt；font-weight:粗体；文本装饰：闪烁；color: # 000000font-style:斜体；边框样式：实心；边框宽度： 1'/PP/p/body/html希望这篇文章对javascript编程有帮助。