获取当前选定的选项

Get current selected option

本文关键字：选项 获取      更新时间：2023-09-26
<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"。

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

应该工作。

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

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

<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/

http://jsfiddle.net/ugUYA/

要在 select 元素中获取所选选项，可以使用 selectedIndex ，然后可以使用 options 数组获取所选选项对象

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

试试这个

$("#sel").find('option:selected').attr('id');

理想情况下，您应该使用value属性作为选项标签，并仅使用val方法从下拉元素中获取所选值。 $("#sel").val();

$(this).find('option:selected').attr('id')

试试这个： 

$('select:#idSelect').val()

将 id 属性更改为 value，然后使用 .val() 。

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

var selectedValue = $("#sel").val();

jquery ：selected 过滤器会工作吗？像这样的东西... 

$("#sel:selected").each(function(){
   alert($(this).attr('id'))
})
相关文章：