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”的示例教程。