Jak uzyskać $ (tę) wybraną opcję w jQuery?

Poniższy kod działa:

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

Jak refaktoryzować drugą linię, aby:

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

Do czego używasz ***option-selected***?

Dla wybranej wartości: $(this).val()

Jeśli potrzebujesz wybranego elementu opcji, $("option:selected", this)

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

Moim zdaniem najlepszy i najkrótszy sposób na zdarzenia zmiany na liście rozwijanej, aby uzyskać wybraną opcję:

$('option:selected',this);

aby uzyskać atrybut value:

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

aby uzyskać pokazaną część między tagami:

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

W twojej próbce:

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

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

To powinno działać:

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

Możesz użyć finddo wyszukania wybranej opcji, która jest potomkiem węzłów wskazanych przez bieżący obiekt jQuery:

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

Ponieważ jest to prawdopodobnie najbliższe dziecko, sugerowałbym użycie .childrenzamiast tego:

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

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

Ponieważ optionprawdopodobnie selectjesteś bezpośrednim dzieckiem , możesz również użyć:

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

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

Najlepsze przypuszczenie:

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

W tym przypadku bardziej lubię dzieci, ponieważ wiesz, że idziesz tylko o jedną gałąź w dół drzewa DOM ...

To poprostu

$(this).val();

Myślę, że jQuery jest wystarczająco sprytny, aby wiedzieć, czego potrzebujesz