No.3ベストアンサー
- 回答日時:
こんにちは。
またまたミスです。申し訳ないです。
<script language="javascript">
<!--
function a_change(){
a = document.form1.hoge_A.selectedIndex;
document.form1.hoge_B.options.length = 0;
if(a == "1"){
document.form1.hoge_B.options[0] = new Option("B10",0);
document.form1.hoge_B.options[1] = new Option("B11",1);
}else if(a == "2"){
document.form1.hoge_B.options[0] = new Option("B20",0);
document.form1.hoge_B.options[1] = new Option("B21",1);
document.form1.hoge_B.options[2] = new Option("B22",2);
}else{
document.form1.hoge_B.options[0] = new Option("B00",0);
}
}
//-->
</script>
<form name="form1">
<select name="hoge_A" onChange="a_change()">
<option value="0">0
<option value="1">1
<option value="2">2
</select>
<select name="hoge_B">
<option value="0">B00
</select>
</form>
です。
この回答への補足
お教えどおりのコードでできました!これがやりたかったんです♪
おかげで先へ進むことができます。
今回は本当にありがとうございました(^^)
No.2
- 回答日時:
こんにちは。
#1です。
申し訳ないです。「form」が抜けていました。
<select name="hoge_A" onChange="this.form.submit()">
...
</select>
POSTするには、form タグに明示すればよいです。
<form name="form1" method="post">
<select name="hoge_A" onChange="this.form.submit()">
...
</select>
</form>
これだとページがリダイレクト(GETやPOSTでページ再読み込み)されてしまうので、
もしBのリスト数がそれほどないのであれば、
Bリストを表示するJavaScriptを動的に作る方法もあります。
<script language="javascript">
<!--
function a_change(){
a = document.form1.hoge_A.selectedIndex;
document.form1.hoge_B.options.length = 0;
if(a == "1"){
document.form1.hoge_B.options[0] = new Option(0,"B1-0");
document.form1.hoge_B.options[1] = new Option(1,"B1-1");
}else if(a == "2"){
document.form1.hoge_B.options[0] = new Option(0,"B2-0");
document.form1.hoge_B.options[1] = new Option(1,"B2-1");
document.form1.hoge_B.options[2] = new Option(2,"B2-2");
}else{
document.form1.hoge_B.options[0] = new Option(0,"B0-0");
}
}
//-->
</script>
<form name="form1" method="post">
<select name="hoge_A" onChange="a_change()">
<option value="0">0
<option value="1">1
<option value="2">2
</select>
<select name="hoge_B">
<option value="0">0
</select>
</form>
JavaScriptの条件と条件内のリストをあらかじめ動的に作成
しまうと、ページをGET、POSTすることなくBリストが切り替わる
と思います。
No.1
- 回答日時:
こんにちは。
そのボタンのアクションをセレクトボックスのonChangeにもって
くればよいのではないでしょうか。
<select name="hoge_A">
...
</select>
<input type="submit" value="ボタン">
↓
<select name="hoge_A" onChange="this.submit()">
...
</select>
これだとGETになってしまいますが、POSTしたい場合は
ちょっと変える必要がありますが。
この回答への補足
ご回答ありがとうございます!
色々検索してるうちにそのonChangeというのが気になっていたのですが、this.submit()で指定するんですね!
明日試してみます(^^)ありがとうございます。
ちなみにPOSTするにはどのように書けばよいのでしょうか?
すみませんが、よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- Excel(エクセル) エクセルについて教えてください。 2 2023/06/14 11:11
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- Excel(エクセル) エクセルの数式で教えてください。 1 2022/10/25 09:26
- Excel(エクセル) ユーザー定義について質問です。 2 2023/06/28 13:21
- Excel(エクセル) マクロを教えてください 3 2023/07/31 21:57
- Excel(エクセル) マクロを教えてください 2 2023/07/30 23:05
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2022/04/01 12:11
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- JavaScript jquery 診断コンテンツにチェックボックスを付けたいです 3 2023/01/19 18:31
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
JavaScriptでプルダウンのサイ...
-
リストボックスの項目の順番を...
-
html selectの内容を初期値に戻す
-
Selectボックスの幅を自動で広...
-
複数のプルダウンの連動とリンク
-
JavaScriptで自動計算
-
現在時刻を取得してフォームのs...
-
JavaScriptのキーイベントにつ...
-
javascriptでselectボックスの<...
-
セレクトボックスの値から料金...
-
HTML オプションメニューの自...
-
Selectの中身をfor文で入れる
-
テーブルにおける行(セルにプル...
-
selectタグに直接onChangeを書...
-
onFocusOutが複数回呼ばれる!
-
JavaScriptで<select>の<option...
-
【jQuery】input nameの文字列...
-
select内を書き換えることは出...
-
return trueとreturn falseの用...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectの中身をfor文で入れる
-
Selectボックスの幅を自動で広...
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
jQuery セレクトボックスで選択...
-
UWSCのIE操作でプルダウンを選...
-
html selectの内容を初期値に戻す
-
現在時刻を取得してフォームのs...
-
javascriptでの2つのプルダウン...
-
テーブルにおける行(セルにプル...
-
selectタグに直接onChangeを書...
-
【javascript・PHP】プルダウン...
-
セレクトメニューで選択された...
-
ブラウザの戻るボタンを押した...
-
JQuery selectが反映されない
-
<textarea>にプルダウンを表示...
-
プルダウンで現在の年月日を取...
-
リストボックスの項目の順番を...
-
親ウィンドウのリスト値変更
おすすめ情報