选择onChange不在表单内工作

Question

我有一个关于表单提交和onchange事件不能一起工作的问题.当我更改下拉列表中的值时,事件查看室()未触发.任何人都可以帮我这个吗？代码如下

<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()">