Javascript跳转(显示/隐藏)
Javascript跳转(显示/隐藏)
提问于 2012-06-19 00:42:46
没有任何编程经验，只有基本的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> 有没有人能解释一下我怎么.
-根据在‘menu’中选择的选项显示/隐藏菜单1-2？
提前感谢！
回答 1
Stack Overflow用户
发布于 2012-06-19 00:45:21
考虑使用现成的下拉菜单作为解决方案。一些链接：
- 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“的示例教程。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11087326
复制相关文章
相似问题
腾讯云开发者
