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

Question

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

我们如何使用 jQuery 或 JavaScript 来实现这一点。

谢谢你的时间。我已经搜索了一段时间，找不到任何关于此的内容。

score 2 · Accepted Answer

2

您可以为此使用index()方法：

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

于 2012-11-02T11:42:22.837 回答

score 2 · Accepted Answer

您可以使用index()：

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

或者您可以使用普通的 javascriptselectedIndex属性：

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

就我个人而言，我会使用后者，因为在可能的情况下使用本机 javaScript 构造是更好的做法（并且稍微快一点），尽管两者都会给你相同的结果。

score 0 · Accepted Answer

0

你可以;

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

于 2012-11-02T11:44:18.433 回答

score 0 · Accepted Answer

试试下面的 jQuery 脚本：

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

</p>

4 回答 4