获取当前选定的选项

Question

<select id="sel">
    <option id="1">aa</option>
    <option id="2">bb</option>
    <option id="3">cc</option>
</select>

$("#sel").change(function(){
   alert($(this).children().attr('id'))
})

现场: http ://jsfiddle.net/cxWVP/

我如何获得当前选择的选项ID？现在总是告诉我id ="1".

Answer 1

$('#sel').change(function(){
   alert($(this).find('option:selected').attr('id'));
});

应该管用.

Answer 2

http://jsfiddle.net/cxWVP/1/

$("#sel").change(function(){
   alert( this.options[this.selectedIndex].id );
})

Answer 3

<option>标签应该有一个value属性.选择一个时,您可以使用它的价值$("#sel").val().

<select id="sel">
    <option value="1">aa</option>
    <option value="2">bb</option>
    <option value="3">cc</option>
</select>

$("#sel").change(function(){
   alert($(this).val())
});

演示:http://jsfiddle.net/yPYL5/