Javascript跳转（显示/隐藏）

没有任何编程经验，只有基本的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
菜单3
opt1
opt2
opt3
opt1
opt2
opt3
opt1
opt2
opt3

有人能解释一下我怎么能

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

---

谢谢你

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

• 38 jQuery和CSS下拉式多级菜单解决方案：
• 22个最佳jQuery下拉菜单：

---

或者，您可以编写自己的解决方案，比如使用jQuery。有关这方面的更多信息，请参见例如“.\ /p>的教程”。您可能需要考虑使用<代码> UL>、

和“WOW”JSaloNeN.我相信你会更有建设性的。使用

选择

和

选项

是非常糟糕的设计，应该留待HTML历史的阴影处理。谢谢你的建议，但我认为我解释得不是很好。我之所以需要显示和隐藏样式的第二个菜单，是因为“菜单”的目的是搜索一种类型的产品。。。例如，第一个菜单将包含“福特”、“梅赛德斯”和“法拉利”汽车品牌。。。。如果我的访客选择了“福特”，那么我想在包含不同车型的菜单中加载。jquery菜单在一定程度上起作用，但这意味着我必须在一个菜单下显示所有不同品牌的汽车（第一个菜单）？有道理？