<script type="text/javascript">
function entryChange(){
if(document.getElementById('changeSelect')){
id = document.getElementById('changeSelect').value;
if(id == '0'){
document.getElementById('selectbox1').style.display = "none";
document.getElementById('selectbox2').style.display = "none";
document.getElementById('selectbox3').style.display = "none";
}
if(id == '1'){
document.getElementById('selectbox1').style.display = "";
document.getElementById('selectbox2').style.display = "none";
document.getElementById('selectbox3').style.display = "none";
}
if(id == '2'){
document.getElementById('selectbox1').style.display = "none";
document.getElementById('selectbox2').style.display = "";
document.getElementById('selectbox3').style.display = "none";
}
if(id == '3'){
document.getElementById('selectbox1').style.display = "none";
document.getElementById('selectbox2').style.display = "none";
document.getElementById('selectbox3').style.display = "";
}
}
}
window.onload = entryChange;
</script>
↑こちらは表示/非表示の処理をしています。
<select id="changeSelect" name="number" onchange="entryChange();">
<option value="0">未選択</option>
<option value="1">リスト1</option>
<option value="2">リスト2</option>
<option value="3">リスト3</option>
</select>
<select name="number" id="selectbox1" style="display:none">
<option value="東京都">東京都</option>
<option value="京都府">京都府</option>
</select>
<select name="number" id="selectbox2" style="display:none">
<option value="北海道">北海道</option>
<option value="沖縄県">沖縄県</option>
</select>
<select name="number" id="selectbox3" STYLE="display:none">
<option value="兵庫県">兵庫県</option>
<option value="大阪府">大阪府</option>
</select>
<input type="submit" value="送信">
(1)「未選択」のまま送信すると「大阪府」が送信されます。
(2)「リスト1」→「沖縄県」を選択 「大阪府」が送信されます。(リスト2も同じ事になります。)
(3)「リスト3」→「兵庫県」を選択 「兵庫県」と送信されます。
リスト3以外を選択するとなぜか「大阪府」が送信されます。
初心者なりに色々調べたのですが解決できず困っております。
よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
セレクトメニューで2つの項目...
-
SELECT OPTIONの中身をコピペ...
-
2つのプルダウンボックスの連...
-
テーブル内でドロップダウンメ...
-
<SELECT>タグの折り返し
-
セレクトボックスの「選択して...
-
同じものを繰り返し表示させる
-
テキストフィールドにもとから...
-
【プルダウンで選んでGOボタン...
-
インラインフレーム内へのリンク
-
文字の横にプルダウンを表示さ...
-
ドロップダウンメニューで特定...
-
携帯サイト作成中、携帯上でプ...
-
メールアドレスの存在のチェッ...
-
JSONで文字列が長い時
-
Application.ScreenUpdating = ...
-
formで特定のinputを送信しない...
-
「型が一致しません」のエラー...
-
回数を指定しないで空白行まで...
-
ホームページビルダーのメール...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
文字の横にプルダウンを表示さ...
-
セレクトメニューで2つの項目...
-
<SELECT>タグの折り返し
-
テーブル内でドロップダウンメ...
-
セレクトボックスのselected属...
-
複数列を持ったリストボックス...
-
セレクトボックスの「選択して...
-
セレクトボックスの内容を中央寄せ
-
セレクトボックスから別窓にジ...
-
プルダウンメニューで中央表示
-
select や option のCSS設定
-
セレクトボックスである項目を...
-
同じものを繰り返し表示させる
-
プルダウンリストの背景色の指定
-
selectタグ内の特定のoptionの...
-
【プルダウンで選んでGOボタン...
-
html、youtube動画を埋め込みた...
-
プルダウンメニューのターゲッ...
-
formのoptionでEnter(Return)す...
-
プルダウンメニューがプルアップに
おすすめ情報