select onChange ne fonctionne pas à l'intérieur d'un formulaire

J'ai une question sur le formulaire de soumission & onchange événements à ne pas travailler ensemble. Lorsque je change la valeur dans la liste déroulante de l'événement viewroom() n'est pas à la cuisson. Quelqu'un pourrait-il m'aider? Le code est comme suit

<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>

OriginalL'auteur Shih-Min Lee | 2013-02-17

  1. 15

    Votre nom de fonction conflits avec name et id de la select, il suffit de donner un autre nom à la fonction.

    Merci beaucoup cela a fonctionné immédiatement!!!
    Aussi il est intéressant de noter, si je déplace le sélectionner des déclarations en dehors de la forme, puis l'événement onChange fonctionne sans problème. (est-ce normal ou juste j'ai de la chance?)
    Unfortenately je ne sais pas, le code semble fonctionner exactement vous desrcibed.
    Ce n'était pas exactement mon problème, mais j'ai eu un conflit de noms. Points pour m'orienter dans une bonne direction. Merci!
    Génial! Merci!

    OriginalL'auteur Teemu

  2. 4

    Vous ne pouvez pas le nom d'une fonction de même que d'un élément sur votre page. Je suggère de changer le nom de la fonction de quelque chose comme viewroomSelected comme le montre ici, dans cette jsFiddle.

    Changements pertinents:

    function viewroomSelected()
{
  alert(123);
}

<select name="viewroom" id="viewroom" onChange="viewroomSelected()">
    merci pour votre aide!

    OriginalL'auteur Austin Mullins

  3. 2

    J'ai trouvé que vous définissez name et id attribut de même nom de la fonction à l'origine de ce conflit et de les inciter erreur viewroom n'est pas une fonction, changer le nom de la fonction. également définir vos js en bas de document.

    function viewRoom()
{
    alert(123);
}

    Travail De Démonstration

    merci pour votre aide!

    OriginalL'auteur Zaheer Ahmed