title: select onChange not working inside a form
body: <p>I have a question about form submit &amp; 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</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function viewroom()
  {
      alert(123);
  }
  &lt;/script&gt;
  
  &lt;form id="myform" name="myform" action="joinroom.php" method="post"&gt;
  &lt;select name="viewroom" id="viewroom" onChange="viewroom()"&gt;
      &lt;option value="1"&gt;Room1 &lt;/option&gt;
      &lt;option value="2"&gt;Room2 &lt;/option&gt;
  &lt;/select&gt;
  &lt;input type="submit" onclick="this.form.submit()" value="Join room"&gt;&lt;br&gt;
  &lt;/form&gt;
  </code></pre>