如何在jQuery中获得$（this）选择的选项？

以下代码有效：

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

如何将第二行重构为：

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

你有什么用***option-selected***？

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

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

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

我认为下拉菜单中的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();
});

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足够聪明，可以知道您的需求