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

Question

下拉菜单打开时是否有可能选择选项，而无需关闭并更改选择的值？就像只高亮一样，在选择时选择。

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

欢迎使用jQuery：）

欢迎解决方法：p

• 要明确：

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

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

Answer 1

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

否则，您可以在应该突出显示＆＃34;的选项中添加一个类，然后使用CSS根据需要设置该类的样式。您可能希望从鼠标移动或keydown的所有选项中删除该类，因此双重突出显示（原生加上您的CSS）并不会让人感到困惑。我不知道你是否可以使用CSS完全删除原生突出显示，但这样会很好。然后，只需在select元素失去焦点时正确设置值，这是微不足道的。