在选择时具有无效值的 .val

Question

我有一个<select>，点击按钮用户可以选择下一个选项：

$(".someButton").on('click', function () {
   var $opt = $("select :selected");
   $("select").val($opt.next().val());
});

问题是在最后一个选项上，$opt.next().val()返回一些不可选择的值，显然 jQuery 默认选择第一个选项。 我希望它保持在最后一个选项上。

有没有办法做到这一点（最好不检查$opt的位置或$opt.next()的长度）？

Answer 1

这是一种更有效的方法：

$(".someButton").on('click', function () {
   var el = $("select")[0];
   el.selectedIndex = Math.min(el.selectedIndex + 1, el.length - 1);
});

---

如果要坚持使用 jQuery，请将option设置为 selected：

$opt.next().prop('selected', true);

如果$opt是最后一个，.next()将返回一个空集，因此不会有任何更改。

Answer 2

老

实说，我会处理这个案子。添加以下内容很简单：

if(!$opt.is(':last-child')) {
    $("select").val($opt.next().val());
}