JQuery'de $ (this) seçili seçeneği nasıl elde edebilirim?

Aşağıdaki kod çalışır:

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

İkinci satırı şu şekilde yeniden düzenleme:

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

Ne için kullanıyorsun ***option-selected***?

Seçilen değer için: $(this).val()

Seçilen seçenek öğesine ihtiyacınız varsa, $("option:selected", this)

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

Açılır menüdeki onchange etkinlikleri için seçilen seçeneği elde etmenin en iyi ve en kısa yolu bence:

$('option:selected',this);

değer özelliğini almak için:

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

etiketler arasında gösterilen bölümü almak için:

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

Örneğinizde:

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

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

Bu çalışmalı:

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

findGeçerli jQuery nesnesi tarafından işaret edilen düğümlerin soyundan gelen seçili seçeneği aramak için kullanabilirsiniz :

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

Bu muhtemelen acil bir çocuk olduğundan, .childrenbunun yerine şunu kullanmanızı öneririm :

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

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

Yana optionilk bağımlısı olması muhtemeldir selectayrıca kullanabilirsiniz:

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

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

En iyi tahmin:

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

Bu durumda çocukları daha çok seviyorum çünkü DOM ağacında yalnızca bir dal aşağı gideceğinizi biliyorsunuz ...

Bu sadece

$(this).val();

JQuery'nin neye ihtiyacınız olduğunu bilecek kadar akıllı olduğunu düşünüyorum