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

Le code suivant fonctionne:

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

Comment refactoriser la deuxième ligne en:

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

Pour quoi utilisez-vous ***option-selected***?

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

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

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

Le meilleur et le plus court moyen à 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();
});

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

Cela devrait fonctionner:

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

Vous pouvez utiliser findpour rechercher l'option sélectionnée qui est un descendant du ou des nœuds pointés par l'objet jQuery actuel:

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

Comme il s'agit probablement d'un enfant immédiat, je suggérerais en fait d'utiliser à la .childrenplace:

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

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

Comme il optionest probable que vous soyez un enfant immédiat de selectvous, vous pouvez également utiliser:

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

http://api.jquery.com/find/

Meilleure estimation:

var cur_value = $('#select-id').children('option:selected').text();

J'aime mieux les enfants dans ce cas parce que vous savez que vous ne descendez qu'une seule branche dans l'arbre DOM ...

C'est juste

$(this).val();

Je pense que jQuery est assez intelligent pour savoir ce dont vous avez besoin