jQuery - gestionnaire d'événements pour détecter si le HTML, sélectionnez l'option a été sélectionnée

Comment puis-je détecter dans jQuery lorsque aucune option dans une balise select a été changé?

Par exemple [pseudo]:

event handler function -> option changed(){      
  //do some stuff
}

EDIT:

J'ai le select suivante:

<select id = "selectattribute">
  <OPTION VALUE="0">Choose Attribute</OPTION>
  <?php echo($options);?>
</select>

Je suis en train d'essayer ce en jQuery:

$(document).ready(function() {
  $("#selectattribute").change(function() {
     alert('Handler for .change() called.');
  });
});

Rien ne se passe...la fonction n'est pas de déclenchement.

EDIT: ça fonctionne quand j'utilise $("#select") au lieu de $("#selectattribute")...can you not apply it to particular select tags?

Vous joindre à un auditeur de l'élément select pour l'événement change. Vous pouvez utiliser jQuery (ou l'un des un certain nombre de bibliothèques), ou de quelques lignes de plaine script, ou d'un gestionnaire.
Vous ne devriez vraiment pas proposer inline-gestionnaire de...
avez-vous essayé différents navigateurs?
vous ne devriez vraiment pas exprimer leurs opinions dans un forum technique sans fournir le son des raisons techniques.
Avec votre score élevé et la plupart des réponses taggés avec 'JavaScript', vous devez savoir que vous ne devez pas mélanger HTML avec inline JS et CSS parce que ces fichiers sont difficiles à maintenir la distinction entre le contenu et la présentation visuelle). Vous pouvez le lire dans beaucoup réponses.

OriginalL'auteur user906568 | 2011-08-23

  1. 8

    De jQuery docs concernant le changement de gestionnaire:

    <form>
  <input class="target" type="text" value="Field 1" />
  <select class="target">
    <option value="option1" selected="selected">Option 1</option>
    <option value="option2">Option 2</option>
  </select>
</form>
<div id="other">
  Trigger the handler
</div>

    Le gestionnaire d'événement peut être lié à la saisie de texte et de la boîte de sélection:

    $('.target').change(function() {
  alert('Handler for .change() called.');
});
    Bonjour, j'ai vu que et mis en œuvre, mais il n';t de travail...voir mon post édité
    Il convient de travail selon le code que vous avez publié dans votre édition. Voir le violon lien par "Jon P" dans une autre réponse ici. Votre posté code fonctionne lorsqu'il est isolé. Il est donc possible que vous ayez d'autres choses dans le reste de la page qui est tout gâcher--vous devrez payer la totalité de la page HTML. Êtes-vous en utilisant le nom de l'id, plus d'une fois? Existe-il des erreurs JavaScript dans la console?

    OriginalL'auteur Jon Adams

  2. 2

    Votre Code fonctionne dans Firefox à l'aide de la souris, voir ce violon.

    Cependant, l'utilisation du clavier est une autre question, comme par ce rapport de bug

    Pour contourner cela, j'ai ajouté des touches de gestionnaire pour supprimer le focus de l'élément, puis re-concentrer, comme par ce violon

    Si le changement de l'événement n'est pas de déclenchement lors de l'utilisation de la souris, vérifiez les options de rendu par votre code php. Regardez pour les structures qui pourraient être "casser" la balise select.

    ...tout à fait solide réponse. Bravo.

    OriginalL'auteur Jon P

  3. 1
    $("select").change(function() {})
    J'ai essayé, mais il n'est pas de travail -> voir mon post édité
    vous avez besoin de regarder les docs pour les sélecteurs jquery $("select") sélectionnez tous les <select> balises. $("#select") sélectionnez tous les éléments du dom avec un id='select' attribut. Pour obtenir uniquement le sélectionner l'élément dom vous le souhaitez, utiliser son id dom dans le sélecteur

    OriginalL'auteur cpjolicoeur

  4. 0

    Peut-être il ya un autre tag dont l'id est nommé "selectattribute".La balise id doit être unique.Si il n'y a plus d'un id,jQuery, la première fondée.

    OriginalL'auteur wukong

  5. 0

    Essayer de lier:

      $("#selectattribute").bind('change', function() {
     alert('Handler for .change() called.');
  });

    ou de changement de fonction en jQUery:

      $("#selectattribute").change(
     function() {
        alert('Handler for .change() called.');
     }
  );

    OriginalL'auteur jerjer

  6. 0

    Ressemble au votre, JQuery n'est pas chargé,vérifiez d'abord qu'il est chargé

        //case if mini jQueryis not used replace with window.jQuery
    if (window.$) {
    console.debug('jQuery is loaded ');
    } else {
    console.debug('jQuery is not loaded ');
    }

    OriginalL'auteur Feras