javascript - 自动选择 html 选择标签的前一个和下一个选项

Question

我有这个选择标签:

<select name="test">
    <option value="stack">Stack</option>
    <option value="overflow" selected>Overflow</option>
    <option value="my">My</option>
    <option value="question">Question</option>
</select>

例如，我选择了溢出选项。如何使用 jquery 自动选择所选选项的上一个选项和下一个选项？我不必使用 namo 或值，只需选择上一个或下一个选项，无论它是什么。

感谢您的帮助!!!

Answer 1

如果您向 select 添加多个属性，就可以做到这一点

$('select').change(function () {
    var i = $(this).find(":selected");
    var arr = $(this).children();
    i.next().prop('selected', true);
    i.prev().prop('selected', true);
});

DEMO