javascript - 选择一个选项而不更改下拉列表的值

Question

是否可以在下拉列表打开时选择一个选项，而不需要关闭它并更改选择的值？就像只突出显示它一样，在退出时选择。

明显与打开选择时使用箭头键浏览选项相同。

欢迎使用 jQuery :)

欢迎解决方法:p

• 需要明确的是:

<select>
    <option>Option 1 (A)</option>
    <option>Option 2 (B)</option>
    <option>Option 3 (C)</option>
</select>

我需要通过按括号中的字符来选择特定选项。

Answer 1

在大多数浏览器中，当字母位于标签的开头而不是结尾时，这是默认行为，因此您可以尝试这样做。

否则，您可以将一个类添加到应“突出显示”的选项中，然后使用 CSS 根据需要设置该类的样式。您可能希望从鼠标移动或按键时的所有选项中删除该类，以便双重突出显示( native 加上您的CSS)不会太困惑。我不知道是否可以使用 CSS 完全删除 native 突出显示，但这会很好。然后，只需在选择元素失去焦点时正确设置值即可，这很简单。