Javascript 跳转(显示/隐藏)

Question

没有任何编程经验，只有基本的 html/css。我正在尝试创建一个 javascript 菜单(如果有更简单的方法，可以接受建议吗？)，它将根据第一个菜单中选择的选项显示/隐藏？我有以下...

<form name="jump"> 
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> 
<option value="#" selected>Quick Links</option>
<option value="menu1">menu1</option> 
<option value="menu2">menu2</option> 
<option value="menu3">menu3</option>
</select>

<select name="menu1" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> 
<option value="http://www.site.com/opt1-1.html">opt1</option> 
<option value="http://www.site.com/opt1-2.html">opt2</option> 
<option value="http://www.site.com/opt1-3.html">opt3</option>
</select>

<select name="menu2" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> 
<option value="http://www.site.com/opt2-1.html">opt1</option> 
<option value="http://www.site.com/opt2-2.html">opt2</option> 
<option value="http://www.site.com/opt2-3.html">opt3</option>
</select>

<select name="menu3" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> 
<option value="http://www.site.com/opt3-1.html">opt1</option> 
<option value="http://www.site.com/opt3-2.html">opt2</option> 
<option value="http://www.site.com/opt3-3.html">opt3</option>
</select>

</form> 

谁能解释一下我该怎么做......

-根据在“菜单”中选择的选项显示/隐藏菜单 1-2？？？

提前致谢!

Answer 1

考虑使用现成的下拉菜单作为解决方案。一些链接:

• 38 jQuery 和 CSS 下拉多级菜单解决方案:http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/
• 22 个最佳 jQuery 下拉菜单:http://slodive.com/web-development/best-jquery-dropdown-menus/

或者，您可以编写自己的解决方案，例如，使用 jQuery。有关这方面的更多信息，请参见“Simple jQuery Dropdown Menu”的示例教程。