最速怪談選手権

JavaScriptで、selectの選択肢で表示内容を変える

締切済

  • 質問者：workpad30j
  • 質問日時：
  • 回答数：1件

以下のように選択内容によって表示内容を変更する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>

質問者からの補足コメント

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

      補足日時：2022/02/25 16:14
    通報する
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1

  • 回答者： fujillin
  • 回答日時：

こんにちは



いろいろありそうですが、ご質問内容のみ。

＞どこが悪いのでしょうか？
option要素にはclick等のイベントはありません。
https://developer.mozilla.org/ja/docs/Web/API/HT …

イベントをキャッチしたいのなら、select要素のchangeやinputで取得してください。
https://developer.mozilla.org/ja/docs/Web/API/HT …
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
よく理解していませんが、別のページからサンプルを拾ってきてなんとかなりました。

通報する
お礼日時：2022/02/25 16:14

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報