JavaScript：異なるドロップダウンメニュー項目を選択すると、表示するオプションが増えます

Question

さまざまなオプションのドロップダウンメニューがあります。特定のメニュー項目を選択したら、さらに多くのオプションを表示したいと思います。オプションの各セットはメニュー項目ごとに異なりますが、どうすればこのようになるのでしょうか？新しいオプションをドキュメントに追加する正しい方法はありますか？

Answer 1

エキスパンドメントは非常に大きなトピックで、さまざまな方法で処理できます。あなたのニーズに応じて、あなたは自分のものを動かすよりも、棚から引き離した方が良いでしょう（実際に何をしているのか分からなければ、かなり時間がかかり、 。

ここには非常に単純な例http://javascriptsource.com/navigation/expanding-menu.htmlがありますが、他にも多くのものがあります。ちょうどGoogleのJavaScript拡張メニュー。

また、jQuery（これは私のファンではありませんが、モバイルデバイスサイトで使用するつもりがない限りこのようなものには最適です）を使用したい場合は、この時： http://www.1stwebdesigner.com/css/36-eye-catching-jquery-navigation-menus/

[編集]あなたのコメントに基づいて ...

あなたがする探しているものの詳細を知らなくても、私はあなたのコードのブロックを持っている場合する必要があると言うでしょう誰かが何かをクリックしているかどうかに応じて特別に追加する必要があります。これらのコードブロックが何であるかは確かですが、これを行う最も簡単な方法はありませんが、ボタンのクリックに基づいて、それらを期待するオブジェクトのinnerHTMLに追加します。

ブロックをハッシュ配列として保存し、追加する要素の値をボタンのonclickに割り当てることができます。

これを行うより洗練された方法は、XMLに実際のノードを作成し、表示を「なし」に設定してページに表示されないようにすることです。次に、cloneNodeを使用してそれらのコピーを作成し、それらをappendChildに属しているものにコピーします。

また、具体的な問題なく具体的​​に説明することは困難ですが、一般的にアプローチする方法は2つあります。