jquery：如何获得下拉选项序列号？

Question

示例：

<select id="myselect">
    <option value="A">First</option>
    <option value="B">Second</option>
    <option value="C" selected="selected">Third</option>
    <option value="D">Fourth</option>
</select>

使用jquery，我想获得选中的选项序列号，即“3”

谢谢

Answer 1

<script type="text/javascript">
jQuery(document).ready(function(){
  var val =$('#myselect option:selected').val();
  alert(val) // alerts C
  var txt =$('#myselect option:selected').text();
  alert(txt) // alerts Third  
  var seqNo=$('#myselect option:selected').index()+1; // +1 because first element counted as zero
  alert(seqNo); // gives the required sequence number
});
</script>

Answer 2

使用index()方法查找集合中匹配元素相对于其兄弟节点的位置。

var index = $('#myselect option:selected').index() + 1;

文件：http://api.jquery.com/index/
小提琴：http://jsfiddle.net/7wUK6/

Answer 3

$('#myselect option:selected').index() + 1