jQuery obtenir des valeurs de plusieurs sélections ensemble

J’ai le code suivant qui, fondamentalement, lorsque la valeur de la sélection est modifiée, je veux pouvoir prendre la nouvelle valeur et l’append à la valeur existante (ou moins).

J’ai un problème en train de saisir la valeur. J’ai ceci pour créer les listes de sélection:

  • Off On

    Accessible Car parking facilities

  • Off On

    Customer Car parking facilities

  • Off On
  • (Il y en a beaucoup plus mais ça vous donne une idée)

    J’utilise le jQuery suivant pour détecter le changement et essayer de saisir la valeur, mais cela ne fonctionne pas:

      var value = $("select").val() $("select").change(function () { alert(value); })  

    Toute suggestion serait vraiment appréciée!

    À M

    Vous ne sélectionnez que la valeur initiale. Vous devez obtenir la valeur dans l’événement change.

     $("select").change(function () { var value = $(this).val() alert(value); }) 

    Vous définissez votre valeur avant le changement, essayez ceci:

      

    L’appel de la var value = $("select").val() enregistre la valeur du premier élément mis en correspondance par le sélecteur dans une variable identique à celle utilisée lors de l’exécution de ce code. valeur de cet élément.

    Au lieu de cela, vous pouvez utiliser this dans votre fonction de rappel change() pour faire référence à l’élément qui a changé et obtenir sa valeur, comme ceci:

     $("select").change(function () { alert(this.value); }); 

    Vous feriez quelque chose comme ça:

     $("select").change(function () { alert($(this).val()); }) 

    Vous obtenez uniquement la valeur une fois, puis affichez simplement la même chose sur l’événement change.

    Voir la démonstration en cours: http://jsfiddle.net/JsKeS/

    Tout d’abord, enveloppez votre script dans $(document).ready() , afin qu’il soit exécuté après le chargement de la page. Deuxièmement, obtenez la valeur de select dans le rappel:

     $(document).ready(function(){ var value = $("select").val() $("select").change(function () { alert($(this).val()); }); }) 

    Essayer:

      

    qui attachera votre gestionnaire de modifications aux éléments sélectionnés une fois que le DOM les aura chargés. En outre, la value doit être définie dans le gestionnaire ou la valeur ne sera pas nécessairement mise à jour lorsque d’autres éléments select déclenchent l’événement change.