お世話になっております。
この、教えて!gooの新規登録するときにジャンルを選択するのですが、カテゴリーを選択すると、二つめのリストが絞り込まれ、選択しやすくなっています。これを、今作成しているシステムで使いたいのですが、具体的なプログラムとかないでしょうか。一通り探したのですが、見あたりませんでした。ご教授願います。<m(__)m>
作成したいのは、二つプルダウンメニューがあり、
プルダウンAには、関西、中国、四国、九州がはいっています。プルダウンBは、プルダウンAに対応した府県名を表示させたい(例:プルダウンAで中国を選択すると、プルダウンBには、瞬時に広島、山口、岡山、島根、鳥取と、出させたいのです。関西だと、大阪、兵庫、京都・・・という感じです)のです。
よいサンプルはないでしょうか。
すみませんがよろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
我流ですが、サンプル作ってみました。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>SELECT LIST で項目を絞り込む</title>
<script type="text/javascript">
<!--
txt = {};
txt["関西"] = new Array("京都","大阪","兵庫","滋賀","三重","奈良","和歌山");
txt["中国"] = new Array("広島","山口","岡山","島根","鳥取");
txt["四国"] = new Array("愛媛","香川","徳島","高知");
txt["九州"] = new Array("福岡","佐賀","長崎","大分","熊本","宮崎","鹿児島");
function initMenu(){
var i;
for (i=0; i<txt["関西"].length; i++){
document.FORM1.MENUB.options[i] = new Option(txt["関西"][i],txt["関西"][i]);
}
}
function setSubMenu(area){
var i;
for (i=0; i<document.FORM1.MENUB.length; i++){
document.FORM1.MENUB.options[i] = null;
}
for (i=0; i<txt[area].length; i++){
document.FORM1.MENUB.options[i] = new Option(txt[area][i],txt[area][i]);
}
}
// -->
</script>
</head>
<body onload="initMenu()">
<form name="FORM1">
<select name="MENUA" onchange="setSubMenu(this.value)">
<OPTION VALUE="関西">関西
<OPTION VALUE="中国">中国
<OPTION VALUE="四国">四国
<OPTION VALUE="九州">九州
</select>
<br>
<select name="MENUB" >
<OPTION VALUE="県">--
</select>
</form>
</body>
</html>
本当にありがとうございます!!!!!!!!
サンプルを作っていただいて本当に感謝感謝です!
見事に動作しました。
あとは、このプログラムをじっくり読ませていただきたいと思います。本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルについて教えてください。 2 2023/06/14 11:11
- Excel(エクセル) ユーザー定義について質問です。 2 2023/06/28 13:21
- Excel(エクセル) エクセルの数式で教えてください。 1 2022/10/25 09:26
- Excel(エクセル) Excelで質問です。 詳細(写真) ①黄色の部分を全てプルダウンを設定する。 ②リストはG列 ③リ 1 2023/06/16 21:54
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2022/04/01 12:11
- Excel(エクセル) Excelのプルダウンメニューの内容を人によって可変する方法 2 2023/03/28 14:52
- Excel(エクセル) Excel VBAプルダウンの値を変えながら2枚ずつ印刷する方法? 4 2022/05/27 13:04
- Excel(エクセル) VLOOKUP が機能しない、その原因は何 ? 8 2022/10/19 12:06
- Excel(エクセル) エクセルの数式について教えてください。 1 2023/02/11 15:17
- 宅地建物取引主任者(宅建) エクセル 1 2023/01/31 21:29
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQuery セレクトボックスで選択...
-
プルダウン 項目が多いので先頭...
-
プルダウンで現在の年月日を取...
-
javascriptでプルダウンメニュ...
-
UWSCのIE操作でプルダウンを選...
-
ブラウザの戻るボタンを押した...
-
onchange等のイベントハンドラ...
-
CSVファイルを読みこみ、プルダ...
-
セレクトボックスで現在選択さ...
-
selectメニューの初期選択値
-
セレクトの値を取得できない
-
Selectの中身をfor文で入れる
-
【javascript・PHP】プルダウン...
-
グーグルマップの初期表示地点...
-
window.openで新しいタブが開か...
-
onchangeイベントを強制的に発...
-
Googleモバイル検索の検索結果...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
onclickが動作しない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectの中身をfor文で入れる
-
Selectボックスの幅を自動で広...
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
jQuery セレクトボックスで選択...
-
UWSCのIE操作でプルダウンを選...
-
html selectの内容を初期値に戻す
-
現在時刻を取得してフォームのs...
-
javascriptでの2つのプルダウン...
-
テーブルにおける行(セルにプル...
-
selectタグに直接onChangeを書...
-
【javascript・PHP】プルダウン...
-
セレクトメニューで選択された...
-
ブラウザの戻るボタンを押した...
-
JQuery selectが反映されない
-
<textarea>にプルダウンを表示...
-
プルダウンで現在の年月日を取...
-
リストボックスの項目の順番を...
-
親ウィンドウのリスト値変更
おすすめ情報