I have a question about form submit & onchange events not working together. When I change the value on the dropdown list the event viewroom() is not firing. Could anyone help me with this? The code is as follows
<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>
Your function name conflicts with name
and id
of the select
, just give another name to the function.
You can't name a function the same as an element on your page. I suggest changing the function name to something like viewroomSelected
as shown here in this jsFiddle.
Relevant changes:
function viewroomSelected()
{
alert(123);
}
<select name="viewroom" id="viewroom" onChange="viewroomSelected()">
I found that as you set name
and id
attribute same of your function name causing this conflict and prompting error viewroom
is not a function, change the name of function. also define your js at the bottom of document.
function viewRoom()
{
alert(123);
}
Working Demo
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With