以下のように選択内容によって表示内容を変更するJavaScriptを作っているのですが、
以下(1)のradioでは動作しますが、以下(2)のselectが動作しません。
どこが悪いのでしょうか?
<HTML>
<script language="JavaScript">
<!--
function VISIBLE(idName,objCheckbox){
document.getElementById(idName).style.display = 'inline'
}
function HIDDEN(idName,objCheckbox){
document.getElementById(idName).style.display = 'none'
}
-->
</script>
(1),radio<br>
<input type="radio" onClick="VISIBLE('S1',this);HIDDEN('S2',this);" >1を表示<br>
<input type="radio" onClick="VISIBLE('S2',this);HIDDEN('S1',this);" >2を表示<br>
<br>
(2),select<br>
<select>
<option onClick="VISIBLE('S1',this);HIDDEN('S2',this);" >1を表示</option>
<option onClick="VISIBLE('S2',this);HIDDEN('S1',this);" >2を表示</option>
</select><br>
<span ID = "S1" style="display:none;">1<br></span>
<span ID = "S2" style="display:none;">2<br></span>
</HTML>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こんにちは
いろいろありそうですが、ご質問内容のみ。
>どこが悪いのでしょうか?
option要素にはclick等のイベントはありません。
https://developer.mozilla.org/ja/docs/Web/API/HT …
イベントをキャッチしたいのなら、select要素のchangeやinputで取得してください。
https://developer.mozilla.org/ja/docs/Web/API/HT …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript javascript ループがうごかない 2 2021/10/25 16:19
- JavaScript javascript ループ中の処理 1 2021/10/30 14:44
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 【JavaScript】検索がヒットした場合、プルダウンをオープンで表示させる方法 2 2023/09/06 14:02
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript チェックボックスのオン⇔オフに応じて並列の画像の濃さを動的に変化させたい 1 2021/10/31 22:05
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Selectの中身をfor文で入れる
-
onchange等のイベントハンドラ...
-
javascriptでselectボックスの<...
-
プルダウン 項目が多いので先頭...
-
JavaScriptでプルダウンのサイ...
-
CSVファイルを読みこみ、プルダ...
-
セレクトメニューで選択された...
-
jQuery セレクトボックスで選択...
-
セレクトの値を取得できない
-
【javascript・PHP】プルダウン...
-
return trueとreturn falseの用...
-
プルダウンで選択すると、DBの...
-
onClickとsubmitの処理順序
-
条件により、リンク先に画面遷...
-
ボタンを押すとチェックボック...
-
【jQuery】input nameの文字列...
-
確認ダイアログの出し方(JavaS...
-
1つのform内に2つのsubmitボタ...
-
VB.NET DateTimeの型について
-
<input>の選択肢をプルダウンメ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Selectボックスの幅を自動で広...
-
プルダウン 項目が多いので先頭...
-
jQuery セレクトボックスで選択...
-
Selectの中身をfor文で入れる
-
CSVファイルを読みこみ、プルダ...
-
【javascript・PHP】プルダウン...
-
JQuery selectが反映されない
-
html selectの内容を初期値に戻す
-
フォームのメニューリストを外...
-
セレクトの値を取得できない
-
セレクトを全て選択されていな...
-
ラジオボタンでポップアップメ...
-
現在時刻を取得してフォームのs...
-
javascriptでselectボックスの<...
-
JavaScriptでプルダウンのサイ...
-
リロード時もコンボボックスの...
-
プルダウンとテキストの連動
-
テーブルにおける行(セルにプル...
-
HTMLコンボボックスへの項目追加
-
jquery での <select multiple=...
おすすめ情報

17時ごろに当質問はクローズします。