jquery - HTML 表单选择第 n 个元素

Question

我在表单中有一个选择(下拉列表)。当我更改下拉列表中的值时，我需要确定我选择的是下拉列表中的第一个元素还是下拉列表中的第二个元素？

我们如何使用 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;
});

就我个人而言，我会使用后者，因为在可能的情况下使用 native javaScript 构造是更好的做法(并且速度稍快)，尽管两者都会给出相同的结果。