如何在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).find('option:selected').text(); 

Answer 2

这应该工作：

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

Answer 3

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

由于option很可能是select直接孩子，你还可以使用：

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

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

Answer 4

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

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

Answer 5

您可以使用find寻找那些为节点（S）的后代所选择的选项由当前的jQuery指出，对象：

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

因为这很可能是一个即时的孩子，我真的建议使用.children代替：

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

Answer 6

的最佳答案：

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

我喜欢孩子们在这种情况下，因为你知道你只是一个分支下来的DOM树好......我的意见电平变化

Answer 7

最佳和最简单的办法在下拉事件来获得所选择的选项：

$('option:selected',this); 

来获取值属性：

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

获得标签的显示部分：

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

在您的样本：

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

Answer 8

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