Wie bekomme ich $ (diese) ausgewählte Option in jQuery?

Der folgende Code funktioniert:

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

So überarbeiten Sie die zweite Zeile an:

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

Wofür benutzt du ***option-selected***?

Für den ausgewählten Wert: $(this).val()

Wenn Sie das ausgewählte Optionselement benötigen, $("option:selected", this)

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

Meiner Meinung nach der beste und kürzeste Weg für Onchange-Ereignisse in der Dropdown-Liste, um die ausgewählte Option zu erhalten:

$('option:selected',this);

um das Wertattribut zu erhalten:

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

So erhalten Sie den angezeigten Teil zwischen den Tags:

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

In Ihrer Stichprobe:

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

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

Das sollte funktionieren:

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

Sie können findnach der ausgewählten Option suchen, die ein Nachkomme der Knoten ist, auf die das aktuelle jQuery-Objekt zeigt:

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

Da dies wahrscheinlich ein unmittelbares Kind ist, würde ich tatsächlich vorschlagen, .childrenstattdessen Folgendes zu verwenden :

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

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

Da optionist wahrscheinlich unmittelbares Kind von selectIhnen kann auch verwendet werden:

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

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

Beste Annahme:

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

In diesem Fall mag ich Kinder besser, weil Sie wissen, dass Sie nur einen Ast im DOM-Baum entlang gehen ...

Es ist nur

$(this).val();

Ich denke, jQuery ist klug genug, um zu wissen, was Sie brauchen