ドロップダウンについて質問です。
ドロップダウンを【1】と【2】の2種類用意します。
【1】のリストに[A,B,C]という3つの選択肢があったとし、
[A]、[B]、[C]それぞれにも(A-1,A-2,A-3)、
(B-1,B-2,B-3)、(C-1,C-2,C-3)
の3つずつ選択肢があるとします。
【1】―A
LB
LC
で[A]を選んだ場合、【2】のドロップダウンのリストを
(A-1,A-2,A-3)にし、[B]を選んだ時は
【2】のドロップダウンを(B-1,B-2,B-3)にする
というような事はできるでしょうか?
一言で言うと、【1】での選択肢に応じて【2】のリストを変化させたいです。
HTMLの「H」も知らない状態でHPの修正対応を任されて困っています。
よろしくお願いしますm(_ _)m
No.1
- 回答日時:
HTMLだけではできませんが、やり方は大きく3つあります。
1.選択したあとサーバーにデータをおくり、結果をサーバーからもらう
2.javascriptで処理する。
3.ajaxで処理する。
1は難しいですが、ブラウザの種類やバージョンに依存しません。
また、なにか処理するたびにデータをおくるのは効率的ではありません。
2はブラウザによって挙動がことなるため、実効性がひくくなりますが
この手の処理では比較的おおくつかわれる事例です。
やり方を覚えれば一番簡単だと思います。
3は癖を覚えるまでなやむと思いますが、仕様としてはクールな作り
ができるため本格的にやるならこのタイプが目標になると思います
さっそくありがとうございます。
2のjavascriptでの処理が知りたいです。
switch文を使えばいいのかな?と思い、いろいろ検索してみてはいるのですが、
なかなかうまくいかずしょんぼりしかけていました。
ajaxというのは初めて目にします。
Wikiを読んでもいまいち理解できていませんが、
それはこれから少しずつ勉強ということで…
No.2ベストアンサー
- 回答日時:
私がいつもお世話になってるサイトです。
http://www.openspc2.org/reibun/javascript/form_s …
参考URL:http://www.openspc2.org/reibun/javascript/form_s …
四苦八苦しながらですが、なんとか思い通りにできました。
なんだかすごくやりきった感でいっぱいです。ありがとうございました。
またここで質問する事があるかと思いますがよろしくお願いしますm(_ _)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) コンボボックス及びリストボックスを5段階連動させる方法をご存知の方ご教授頂きたいです。 Excelで 3 2022/04/03 21:43
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- 数学 笑わない数学ーー確率論 25 2022/09/25 10:55
- Excel(エクセル) 一つのセルに複数の関数を入力する方法 4 2022/09/30 13:42
- 物理学 おしえてほしい。aはわかりましたが、bが12lxになるのですが?選択肢に解答がありません。 問題は図 2 2023/04/10 23:05
- Excel(エクセル) [オートフィルター]機能について 3 2023/02/04 14:32
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- Visual Basic(VBA) VBAで早押しゲームを作りたい 4 2022/05/12 13:46
- Excel(エクセル) 図のような散布図の作り方を教えてください。 1 2022/07/19 11:52
- Gmail Gmailの使い方について、詳しい方教えてください。 1 2022/04/24 13:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでDBからデータを表形式で...
-
テーブルで作った表をボタン操...
-
saved from url=(0013)abou
-
Flickity で画像にリンクを貼る...
-
DirectXとOpenGLはどちらが動作...
-
チャットを作る
-
【JavaScript】confirmのボタン...
-
PHPを用いてPOSTし、リダイレク...
-
OVERLAPPED構造体が分かりませ...
-
呼び出し元のURLを知りたいのです
-
読み取り専用が外れない
-
Ajaxでpostした内容のresponse...
-
Response.Write(変数)
-
読み込み中に「Now Loading」を...
-
ブラウザ閉じたらサーバー処理...
-
Rを使う際、データを読み込む時...
-
visualwave(smalltalk言語ソフ...
-
jQueryの$.postの戻り値による...
-
【Ajax】改行を含めたデータを...
-
JavaScriptだけで画像アップロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLでDBからデータを表形式で...
-
saved from url=(0013)abou
-
リンクを押すとEXEファイルを実...
-
ローカル用HTMLファイルの安全...
-
ソースのリンク先などの暗号化...
-
ローカルでのhtmlチェックにつ...
-
制作したサイトが文字化けして...
-
ブラウザ(IE)からEXEファイル...
-
subversionでコミットしたらftp...
-
F5などで更新すると、画像やCSS...
-
ローカルファイル(mp3)の再生
-
NetBeansのFTP機能について
-
HTMLファイル内にformの記述を...
-
htmlからhtaへのリンク
-
imageタグの画像データを取得す...
-
Flickity で画像にリンクを貼る...
-
ローカルにあるhtmlをブラウザ...
-
サーバー側でのサイト表示がお...
-
アップロードするとレイアウト...
-
HTMLファイルにテキストファイ...
おすすめ情報