JavaScript实现选择二级联动菜单，点击_js

以下是html网页特效代码，点击运行按钮可查看效果：

以下是程序代码

<BODY>  <form name=”form1″>  <select name=”select1″ size=”1″ onChange=”redirect(this.options.selectedIndex)”>  <option>国外<a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/?tag=javascript"  title="JavaScript" rel="nofollow" target="_blank">JavaScript</a>技术网站</option>  <option>国内<a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/?tag=java"  title="java" rel="nofollow" target="_blank">java</a>script技术网站</option>  <option>国外的著名搜索引擎</option>  </select>  <select name=”select2″ size=”1″>  <option value=”<a href="https://www.gaodaima.com/go.html?url=http://wsabstract.com”>Website"  rel="nofollow">http://wsabstract.com”>Website</a> Abstraction</option>  <option value=”<a href="https://www.gaodaima.com/go.html?url=http://www.dynamicdrive.com”>Dynamicdrive.com</option&gt"  rel="nofollow">http://www.dynamicdrive.com”>Dynamicdrive.com</option&gt</a>;  <option value=”http://<a href="https://www.gaodaima.com/tag/java" title="查看更多关于java的文章" target="_blank">java</a>script.internet.com”>javascript</option>  </select>  <input type=”button” name=”test” value=”Go!” onClick=”go()”>   </form> <iframe name=”if1″ width=”800″ height=”600″ frameborder=”0″ hspace=”20″ scrolling=”no”  > </iframe>   <script> var g=document.form1.select1.options.length //获取第一个下拉列表的长度 var group=new Array(g) // for (i=0; i<g; i++)    group[i]=new Array() group[0][0]=new Option(“Website Abstraction”,”<a href="https://www.gaodaima.com/go.html?url=http://wsabstract.com&#8221"  rel="nofollow">http://wsabstract.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" /> //一维数组变成二维数组？ group[0][1]=new Option(“Dynamicdrive.com”,”<a href="https://www.gaodaima.com/go.html?url=http://www.dynamicdrive.com&#8221"  rel="nofollow">http://www.dynamicdrive.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" />  group[0][2]=new Option(“javascript”,”<a href="https://www.gaodaima.com/go.html?url=http://javascript.internet.com&#8221"  rel="nofollow">http://javascript.internet.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" /> group[1][0]=new Option(“万旭javascript仓库”,”<a href="https://www.gaodaima.com/go.html?url=http://www.wanxu.com&#8221"  rel="nofollow">http://www.wanxu.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" />  group[1][1]=new Option(“javascript2000″,”<a href="https://www.gaodaima.com/go.html?url=http://www.javascript2000.com&#8221"  rel="nofollow">http://www.javascript2000.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" />  group[1][2]=new Option(“无忧脚本”,”<a href="https://www.gaodaima.com/go.html?url=http://www.51"  rel="nofollow">http://www.51</a><a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/?tag=js"  title="js" rel="nofollow" target="_blank">js</a>.com”)  group[2][0]=new Option(“Hotbot”,”<a href="https://www.gaodaima.com/go.html?url=http://www.hotbot.com&#8221"  rel="nofollow">http://www.hotbot.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" /> group[2][1]=new Option(“Infoseek”,”<a href="https://www.gaodaima.com/go.html?url=http://www.infoseek.com&#8221"  rel="nofollow">http://www.infoseek.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" />  group[2][2]=new Option(“Excite”,”<a href="https://www.gaodaima.com/go.html?url=http://www.excite.com&#8221"  rel="nofollow">http://www.excite.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" />  group[2][3]=new Option(“Lycos”,”<a href="https://www.gaodaima.com/go.html?url=http://www.lycos.com&#8221"  rel="nofollow">http://www.lycos.com&#8221</a><img src="https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/smilies/icon_wink.gif" alt=";)" class="wp-smiley" style="height: 1em; max-height: 1em;" /> var temp=document.form1.select2  //第二个下拉列表 function redirect(x){  for (m=temp.options.length-1;m>0;m–)  temp.options[m]=null  //清空选项 for (i=0;i<group[x].length;i++){                  temp.options[i]=new Option(group[x][i].text,group[x][i].value)  }  temp.options[0].selected=true  } function go(){  parent.if1.location=temp.options[temp.selectedIndex].value  }   </script>  </BODY></font> <a href=”http://<a href="https://www.gaodaima.com/tag/js" title="查看更多关于js的文章" target="_blank">js</a>.alixixi.com/”>欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

欢迎大家阅读《JavaScript实现选择二级联动菜单，点击…_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：JavaScript实现选择二级联动菜单，点击_js

Hi，您需要填写昵称和邮箱！