1

プログラミングの経験はなく、基本的な 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を表示/非表示???

前もって感謝します！

4

1 に答える 1

2

既製のドロップダウン メニューを解決策として使用することを検討してください。いくつかのリンク:

または、たとえば jQuery を使用して、独自のソリューションを作成することもできます。詳細については、「シンプルな jQuery ドロップダウン メニュー」の例のチュートリアルを参照してください。

于 2012-06-18T16:45:20.537 に答える