使用jquery查找所选菜单选项的索引

Question

我有一个选择菜单。我希望获得当前所选选项的索引。在初始页面加载时，除非selected="selected"包含在HTML中，否则它将为零。如果稍后更改，索引将指示当前选择的选项。以下内容适用于我当前的浏览器，但我想确认这是否是最佳的跨浏览器解决方案。

var i=$('#mySelectID').prop("selectedIndex");

请注意。当我显示$('#mySelectID')时，我的示例实际上循环了几个元素，所以它实际上是$(this)，但我认为这没有任何区别。

Answer 1

您也可以使用index()方法：

var i = $("#mySelectID :selected").index();

这是跨浏览器，如果您没有选择任何选项，则会在页面加载时显示结果。

DEMO： http://jsfiddle.net/mZ9Dc/

Answer 2

var selectedIndex = $('#mySelectID :selected').index();

Answer 3

您也可以使用

var i=$('#mySelectID :selected').val();  //if you have given the values

或

var i=$('#mySelectID :selected').text(); //if you have used the text