javascript - onChangeを選択してフォーム内で機能しない

Question

フォームの送信イベントと変更イベントが一緒に機能しないことについて質問があります。ドロップダウンリストの値を変更すると、イベントviewroom（）が起動しません。誰かがこれで私を助けることができますか？コードは次のとおりです

<script type="text/javascript">
function viewroom()
{
    alert(123);
}
</script>

<form id="myform" name="myform" action="joinroom.php" method="post">
<select name="viewroom" id="viewroom" onChange="viewroom()">
    <option value="1">Room1 </option>
    <option value="2">Room2 </option>
</select>
<input type="submit" onclick="this.form.submit()" value="Join room"><br>
</form>

Answer 1

name関数名がと競合している場合idはselect、関数に別の名前を付けてください。

Answer 2

ページ上の要素と同じように関数に名前を付けることはできません。関数名をこのjsFiddleにviewroomSelected示すような名前に変更することをお勧めします。

関連する変更：

function viewroomSelected()
{
  alert(123);
}

<select name="viewroom" id="viewroom" onChange="viewroomSelected()">

Answer 3

この競合の原因となる関数名を同じように設定nameして属性を設定し、エラーを表示するのは関数ではないため、関数の名前を変更してください。また、ドキュメントの下部でjsを定義します。idviewroom

function viewRoom()
{
    alert(123);
}

作業デモ

Answer 4

変化する

<select name="viewroom" id="viewroom" onChange="viewroom()">

に

<select name="viewroom" id="viewroom" onChange="()=>viewroom()">