Comment obtenir l'option $ (cette) sélectionnée dans jQuery ?

Question

Le code suivant fonctionne :

 $("#select-id").change(function(){
  var cur_value = $('#select-id option:selected').text();
  . . .
});

Comment refactoriser la deuxième ligne pour :

 var cur_value = $(this).***option-selected***.text();

Qu'est-ce que tu utilises pour ***option-selected*** ?

Answer 1

Pour la valeur sélectionnée : $(this).val()

Si vous avez besoin de l'élément d'option sélectionné, $("option:selected", this)

Answer 2

 $(this).find('option:selected').text();

Answer 3

Le meilleur moyen et le plus court à mon avis pour les événements onchange dans la liste déroulante pour obtenir l'option sélectionnée :

 $('option:selected',this);

pour obtenir l'attribut value :

 $('option:selected',this).attr('value');

pour obtenir la partie affichée entre les balises :

 $('option:selected',this).text();

Dans votre échantillon :

 $("#select-id").change(function(){
  var cur_value = $('option:selected',this).text();
});

Answer 4

var cur_value = $('option:selected',this).text();

Answer 5

Cela devrait fonctionner:

 $(this).find('option:selected').text();