A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
1. すべてのセレクトボックスの HTML を書く
2. 最初に選ぶ大カテゴリ以外は非表示にする CSS を書く
3. 大カテゴリが変更されたら、対応する中カテゴリだけ表示し、その他を隠すイベントの JavaScript を書く
4. 中カテゴリが変更されたら、対応する小カテゴリだけ表示し、その他を隠すイベントの JavaScript を書く
5. 上位の変更イベントは、再帰的に下位まで伝達させる JavaScript を書く
No.2
- 回答日時:
こういったデータの持ち方をするか
var categories={
"文学":{
"文学1":["文学1-1","文学1-2","文学1-3"],
"文学2":["文学2-1","文学2-2","文学2-3"],
"文学3":["文学3-1","文学3-2","文学3-3"],
},
"医学":{
"医学1":["医学1-1","医学1-2","医学1-3"],
"医学2":["医学2-1","医学2-2","医学2-3"],
"医学3":["医学3-1","医学3-2","医学3-3"],
},
"坊主":{
"坊主1":["坊主1-1","坊主1-2","坊主1-3"],
"坊主2":["坊主2-1","坊主2-2","坊主2-3"],
"坊主3":["坊主3-1","坊主3-2","坊主3-3"],
},
};
親子関係のデータを返すサーバーサイドのプログラムを用意して
ajaxなどでデータをやりとりするのが妥当
No.1
- 回答日時:
こんにちは。
ご質問の内容はHTMLだけでは難しいですが、javascriptを用いることで実現可能です。
先人達がそのためのツール(ライブラリ)も数多く作成してくれていますので、その中の気に入ったものを利用なさるのが簡単かと思います。
「セレクト 連動」あたりをキーワードに検索するといろいろ見つかると思います。
以下は一例です。
http://www.skuare.net/test/jdependent.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript HTML,JS初心者です。 2つのselectボックスが有り その選択の組み合わせにより 指定した文 3 2022/03/31 23:35
- その他(趣味・アウトドア・車) DVDの再生話が選択できません!! 2 2022/09/08 00:50
- Visual Basic(VBA) 入力ボックスが繰り返しポップアップして止まらない。 下記コードでファイル名の変更をしたいのですが、変 1 2022/09/08 11:27
- HTML・CSS HTMLのフォームについてお尋ねします 1 2022/12/03 21:47
- Excel(エクセル) Excelヘルプの原文を表示する最速の方法(手順)には? 1 2023/08/11 11:30
- Excel(エクセル) コンボボックス及びリストボックスを5段階連動させる方法をご存知の方ご教授頂きたいです。 Excelで 3 2022/04/03 21:43
- 大学・短大 高校二年生進路選択(社会科目) 1 2022/10/18 22:31
- 物理学 【 理系科目の選択 】 現在、高一の者です。 文系に興味がなく理系に進もうと思うのですが、物理と生物 7 2022/10/06 22:53
- その他(学校・勉強) 選択授業で選んでいない科目の部活に入ってもいいでしょうか。部員の全員が選択授業選んでる人です。 高一 1 2022/06/07 23:15
- 学校 高校一年生です! 文理選択のアドバイスをください! 6月までに文理選択をしないといけないのですが、と 3 2022/05/25 22:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
HTMLでこの画像を表示したいで...
-
テーブルの行を折りたたみたい...
-
HTMLを正しく表示させるには
-
詐欺メールがまた来ました。5月...
-
HTMLの CSSのファイルというの...
-
WEBページを強制的に横画面で見...
-
リンクバナーのHTMLタグ。画像...
-
静止画画像をクリックすると音...
-
css初心者 フレックスボックス...
-
スマホでHTMLファイルを開いて...
-
HTMLで画像をポップアップで表...
-
HTMLで特定の文字だけ色を変え...
-
CSSが効かずどのように指定すれ...
-
iPhoneで HTMLファイルを閲覧
-
ウェブサイトにアップされてい...
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ajaxでhtmlを返して画面に描画…...
-
大量のデータを表として展開す...
-
Response.Write(変数)
-
ローカルネットワーク内での502...
-
【Ajax】改行を含めたデータを...
-
AjaxでDBと連携した動的リスト...
-
Ajaxで最新の情報が取得できない
-
Ajax、PHP、MySQLでDBからデー...
-
Rを使う際、データを読み込む時...
-
セレクトボックスのHTMLを教え...
-
JavaScript側でのXML作成の方法
-
Jqueryのキャッシュについて
-
CGI→AJAXへ配列の受け渡しは可...
-
jQueryの$.postの戻り値による...
-
【struts】2つのselectの連動
-
jquery serializable値取得
-
getJSONで受け取れるよう出力す...
-
googleマップにajax
-
python pandas ビックデータ解...
-
innerHTMLで表示完了後に、Ajax...
おすすめ情報