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

Question

以下代码起作用：

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

如何将第二行重构为：

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

您对所选的******选项使用了什么？

Answer 1

在我看来，通过下拉菜单上的onchange事件获得所选选项的最佳和最短方式：

$('option:selected',this);

要获取值属性，请执行以下操作：

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

要获取标签之间显示的零件，请执行以下操作：

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

在您的示例中：

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

Answer 2

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

Answer 3

为选定的值：$（this）. val（）

如果需要选定的选项元素，$（“选项：selected”，this）