identifier sélectionner du texte déroulant à l'aide de jquery $(ce)

J'ai plusieurs de sélectionner des éléments sur une page par exemple

<select class="dd" id="dropdown1">
    <option value="123">Option A</option>
    <option value="234">Option B</option>
</select>
<select class="dd" id="dropdown2">
    <option value="456">Option C</option>
</select>

etc etc

Je voudrais utiliser du jquery $(this) afin d'identifier les différents menus déroulants ont été sélectionnés et le retour de leur valeur textuelle.

Je peux utiliser quelque chose comme:

$("#dropdown1 :selected").text()

Pour retourner une entrée spécifiée, mais lorsque j'essaie d'ajouter $(this) dans le mélange, il ne fonctionne pas.
Où vais-je tort?

OriginalL'auteur moztech | 2010-09-06

  1. 12

    Puisque vous utilisez la même classe pour tous, vous pouvez donc l'utiliser:

    $(".dd").change(function(){
  alert($('option:selected', $(this)).text());
});

    Pour obtenir le value option de la valeur sélectionnée, vous pouvez utiliser le val() méthode à la place.

    Notez que vous pouvez également utiliser le starts with ^ sélecteur comme ceci:

    $("select[id^='dropdown']").change(function(){
  alert($('option:selected', $(this)).text());
});

    Plus D'Infos:

    $('option:selected', $(this)).texte() a très bien fonctionné pour moi. Merci beaucoup

    OriginalL'auteur Sarfraz

  2. 2

    Vous voudrez probablement utiliser la .val() fonction qui vous donnera l'élément actuellement sélectionné valeur dans la liste déroulante: 

    var selectedValue = $('#dropdown1').val();

    Et pour obtenir le texte et non la valeur:

    var selectedText = $('#dropdown1 option:selected').text();

    $(this) est plus couramment utilisé dans le contexte d'un gestionnaire d'événement comme cliquez sur, changement, etc...

    le problème ici est que #dropdown2 ne pas détectés, dans le code, je ne veux pas avoir à identifier chacune des listes déroulantes un par un

    OriginalL'auteur Darin Dimitrov