在jQuery中获取选项的attr

Question

我有一个这样的表格：

<select name="category" id="cat">
<option value="cat1" id="hello">Category1</option>
<option value="cat2" id="hello2">Category2</option>
</select>

如果我在#cat id中使用带有更改功能的$('#cat').val()，它会显示值（cat1或cat2）。

我想学习如何获得id或Category1（或Category2）？

Answer 1

$('#cat option:selected').attr('id');

选择器:selected将在select元素中返回所选选项，或者在multiple="multiple"

的情况下返回数组

Answer 2

$('select').change(function() {
    alert($('option:selected',this).attr('id')); 
});

小提琴：http://jsfiddle.net/each/kqb9S/

Answer 3

而不是.val()，请使用.attr()。

$('#cat').on('change', function() {
  alert( $(this).children('option:selected').attr('id') )
}) 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select name="category" id="cat">
  <option value="cat1" id="hello">Category1</option>
  <option value="cat2" id="hello2">Category2</option>
</select>