使用javascript在select标记中自动完成

我有一个选择标签，如下所示：

<select id ="fruits">
<option value="1">Grapes</option>
<option value="2">Ginger</option>
<option value="3">Guava</option>
<option value="4">Mango</option>
</select>

我想做的是，每当用户关注select键时，他点击键盘上的G键，就会自动选择Grapes选项，然后按下u键，就会选择番石榴，依此类推。我知道这可以通过使用各种jquery插件来实现，但我不想使用jquery插件。 如何仅使用javascript实现这一点

有一个类似的问题张贴，但它没有回答我的问题

---

我是javascript和jquery的初学者，因此任何帮助都将是非常好的

现代浏览器已经做到了这一点。你不需要使用javascript或其他任何东西。你的列表非常小-所以q1-为什么？q2为什么不使用jquery相信我，这是一种方式，在互联网上使用的负载如果你想从javascript开始职业生涯，最好现在就开始。@osny netto，是的，如果你按g键，它将转到下一个“g”，如果你再按一次，它将转到下一个。这里面有些东西。这是用户所期望的，也是他们从使用互联网中学到的。改变这种行为就像‘什么！’从用户的角度来看阅读一些可用性指南，他们可能会告诉你同样的情况。@RichardHousham，我必须特别使用javascript，即使jquery很好，但没有像autocomplete或Selected这样的插件。这个列表只是一个小例子，我有一个大约1000个条目的大列表