javascript - 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。有关这方面的更多信息，请参阅“简单 jQuery 下拉菜单”的示例教程。