Javascript HTML选择标记自动完成

我得到了一些select标签，如下所示：

<select id="fruits">
   <option value="1">Apple</option>
   <option value="2">Banana</option>
   <option value="3">Orange</option>
   <option value="4">Grapes</option>
   <option value="5">Ginger</option>
</select>

苹果
香蕉
橙色
葡萄
生姜

我想做的是，每当用户关注

select

，并点击键盘上的键“

G

”，就会自动选择选项“

Grapes

”，当他再次按下“

G

”时，

Ginger

”就会被选中，依此类推

---

我不知道怎么做。

我想这是下拉菜单（选择控件）的默认操作。你必须全力以赴去实现它

试试这个

JSbin

。。有一个选择框，当用户第一次按下键盘上的

g

时，葡萄被选中，第二次按下

ginger被选中

您需要的是下拉列表的默认功能

如果你想搜索下拉列表，你可以试试这个插件

---

您也可以尝试

好吧，如果您想向html select元素添加自动完成功能，那么没有什么比selectize.js更好的了

您所需要做的就是在项目中包含它的css和js文件，或者您可以使用CDN

---

转到Selectize网站

IE和Chrome中的选择框已经出现这种情况，我不确定firefox是否安装了它。combobox是一个UI控件，它是下拉菜单（HTML中的选择）和文本输入（文本类型的输入）的组合（因此得名）。HTML没有任何表示为组合框的本机控件。但有时，它就是不起作用。我可以按这个键10次以上，但它不会在启动时跳转到实例letter@Quentin：谢谢你纠正我的错误。我已经更新了我的答案：）@kfirba：在用键盘玩字母游戏之前，你必须点击下拉列表board@Amith我知道。但每当我选择选择另一封信时，它就会被卡住，由于某种原因无法正常工作>无法访问此网站

ERR\u NAME\u NOT\u RESOLVED

$('#fruits').searchable();