HTML Form选择第n个元素

Question

我在表单中有一个select（下拉列表）。当我更改下拉列表中的值时，我需要确定是否选择了下拉列表中的第一个元素或下拉列表中的第二个元素？

我们如何使用jQuery或JavaScript实现这一目标。

谢谢你的时间。我一直在寻找一段时间，并找不到任何关于此的东西。

Answer 1

您可以使用index()：

$("select").change(function() { 
    var selectedIndex = $("option:selected", this).index(); 
}); 

Example fiddle

或者你也可以使用普通的JavaScript selectedIndex属性：

$("select").change(function() { 
    var selectedIndex = this.selectedIndex; 
}); 

就我个人而言，我会使用后者，因为尽可能使用原生的javaScript构造（尽管两者都会给出相同的结果）是更好的练习（并且稍微快一些）。

Answer 2

可以使用index()方法为：

var index = $("select option:selected").index(); 

Answer 3

你可以;

var isFirst = $("#myselect").prop("selectedIndex") == "0"; 

Answer 4

尝试下面的jQuery脚本：

$("select").change(function() { 
var optionselected = $(this).find("option:selected").index(); 
alert(optionselected); 
});