Как получить выбранную опцию $ (this) в jQuery?

Следующий код работает:

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

Как отредактировать вторую строку, чтобы:

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

Для чего ты используешь ***option-selected***?

Для выбранного значения: $(this).val()

Если вам нужен выбранный элемент option, $("option:selected", this)

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

На мой взгляд, лучший и самый короткий способ для событий onchange в раскрывающемся списке, чтобы получить выбранный вариант:

$('option:selected',this);

чтобы получить атрибут значения:

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

чтобы поместить показанную часть между тегами:

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

В вашем образце:

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

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

Это должно работать:

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

Вы можете использовать findдля поиска выбранной опции, которая является потомком узла (ов), на который указывает текущий объект jQuery:

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

Поскольку это, вероятно, непосредственный ребенок, я бы предложил .childrenвместо этого использовать :

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

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

Поскольку optionон может быть непосредственным дочерним элементом, selectвы также можете использовать:

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

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

Лучшая догадка:

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

Мне больше нравятся дети в этом случае, потому что вы знаете, что идете только на одну ветвь вниз по дереву DOM ...

Это просто

$(this).val();

Я думаю, что jQuery достаточно умен, чтобы знать, что вам нужно