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

Используйте метод index(), чтобы найти положение соответствующего элемента в коллекции относительно его родных элементов.

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

Документы: http://api.jquery.com/index/
Скрипка: http://jsfiddle.net/7wUK6/

Answer 2

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

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