HTML ドロップダウンメニュー選択後の動作について

質問

ドロップダウンについて質問です。
ドロップダウンを【１】と【２】の２種類用意します。
【１】のリストに［Ａ，Ｂ，Ｃ］という３つの選択肢があったとし、
［Ａ］、［Ｂ］、［Ｃ］それぞれにも（Ａ－１，Ａ－２，Ａ－３）、
（Ｂ－１，Ｂ－２，Ｂ－３）、（Ｃ－１，Ｃ－２，Ｃ－３）
の３つずつ選択肢があるとします。

【１】―Ａ
　　　ＬＢ
　　　ＬＣ

で［Ａ］を選んだ場合、【２】のドロップダウンのリストを
（Ａ－１，Ａ－２，Ａ－３）にし、［Ｂ］を選んだ時は
【２】のドロップダウンを（Ｂ－１，Ｂ－２，Ｂ－３）にする
というような事はできるでしょうか？

一言で言うと、【１】での選択肢に応じて【２】のリストを変化させたいです。

HTMLの「H」も知らない状態でHPの修正対応を任されて困っています。
よろしくお願いしますm(_ _)m

回答No.2

torayoshi · ベストアンサー

私がいつもお世話になってるサイトです。
http://www.openspc2.org/reibun/javascript/form_selectmenu/015/index.html

参考URL：

http://www.openspc2.org/reibun/javascript/form_selectmenu/015/index.html

お礼

四苦八苦しながらですが、なんとか思い通りにできました。
なんだかすごくやりきった感でいっぱいです。ありがとうございました。

またここで質問する事があるかと思いますがよろしくお願いしますm(_ _)m

回答No.1

yambejp

HTMLだけではできませんが、やり方は大きく３つあります。

1.選択したあとサーバーにデータをおくり、結果をサーバーからもらう
2.javascriptで処理する。
3.ajaxで処理する。

1は難しいですが、ブラウザの種類やバージョンに依存しません。
また、なにか処理するたびにデータをおくるのは効率的ではありません。
2はブラウザによって挙動がことなるため、実効性がひくくなりますが
この手の処理では比較的おおくつかわれる事例です。
やり方を覚えれば一番簡単だと思います。
3は癖を覚えるまでなやむと思いますが、仕様としてはクールな作り
ができるため本格的にやるならこのタイプが目標になると思います

お礼

さっそくありがとうございます。
2のjavascriptでの処理が知りたいです。

switch文を使えばいいのかな？と思い、いろいろ検索してみてはいるのですが、
なかなかうまくいかずしょんぼりしかけていました。

ajaxというのは初めて目にします。
Wikiを読んでもいまいち理解できていませんが、
それはこれから少しずつ勉強ということで…