如何在jQuery中获得$(this)选择的选项？

Question

以下代码有效:

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

如何重构第二行:

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

你用的是***option-selected***什么？

Answer 1

对于选定的值: $(this).val()

如果您需要选定的选项元素, $("option:selected", this)

Answer 2

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

Answer 3

我认为最佳和最短的方式是在下拉列表上的onchange事件中获取所选的选项:

$('option:selected',this);

获取value属性:

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

获取标签之间显示的部分:

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

在你的样本中:

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

Answer 4

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

Answer 5

这应该工作:

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

Answer 6

您可以使用find查找选定的选项,该选项是当前jQuery对象指向的节点的后代:

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

由于这可能是一个直接的孩子,我实际上建议使用.children:

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

Answer 7

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

既然option很可能是select你的直接孩子也可以使用:

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