jquery - 如何从顶部计算当前选择的选项？

Question

例如：

<select id="my-select">
  <option id="iun">Option 1</option>
  <option id="sdd">Option 2</option>
  <option id="ert" select="selected">Option 3</option>
  <option id="tyu">Option 4</option>
</select>

使用 jQuery？我有一个简单的解决方案，想知道那里是否有更整洁的东西？

var count = 0;
var flag = true;
jQuery("#my-select").children().each(function() {
  if (flag) {
   count++;
   flag = (jQuery(this).attr("selected") !== undefined ? false : true); 
  }
});
console.log(count);

jsfiddle

Answer 1

使用index()：

http://jsfiddle.net/TRGKC/

$('#my-select option:selected').index()

此外，其中任何一个都可以工作：

$('#my-select').prop('selectedIndex')
$('#my-select')[0].selectedIndex

Answer 2

我认为您想要所选选项的索引。应该这样做：

 $("#my-select").attr("selectedIndex");

或者

 document.getElementById("my-select").selectedIndex;

Answer 3

如果要获得选定的选项，请执行以下操作：

var elementSelected = jQuery("#my-select option:selected");