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ランキング
-
Ajax、PHP、MySQLでDBからデー...
-
ajaxでhtmlを返して画面に描画…...
-
Rを使う際、データを読み込む時...
-
saved from url=(0013)abou
-
【JavaScript】confirmのボタン...
-
呼び出し元のURLを知りたいのです
-
HTMLでDBからデータを表形式で...
-
ブラウザ閉じたらサーバー処理...
-
C#でUDP通信
-
sleepの負荷
-
Ajaxでデータベース更新
-
ローカルでのhtmlチェックにつ...
-
【JavaScript】PS3で一部の構文...
-
DirectXとOpenGLはどちらが動作...
-
画面遷移しないで画像の追加を...
-
URLの中に&があると&に変...
-
cakephp2とsmartyの表示が遅い
-
ASP.NET 動的に行を増やすTable
-
PHP内でJavaScriptの処理は可能?
-
教えてつかぁさい。HPのレイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Ajaxでpostした内容のresponse...
-
チャットを作る
-
カーソルの動きに合わせてDBか...
-
AjaxでDBと連携した動的リスト...
-
Response.Write(変数)
-
【Ajax】改行を含めたデータを...
-
ローカルネットワーク内での502...
-
JavaScript側でのXML作成の方法
-
ajaxでhtmlを返して画面に描画…...
-
Ajaxで最新の情報が取得できない
-
データ受け渡しについて
-
JavaScriptだけで画像アップロ...
-
innerHTMLで表示完了後に、Ajax...
-
セレクトボックスのHTMLを教え...
-
Rを使う際、データを読み込む時...
-
HTMLでリアルタイムグラフを作...
-
jQueryの$.postの戻り値による...
-
Ajax、PHP、MySQLでDBからデー...
-
【JavaScript】confirmのボタン...
-
HTMLでDBからデータを表形式で...
おすすめ情報