HTML выберите тег автозаполнения

Я получил некоторые теги выбора следующим образом:

<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будет выбран и так далее.

Я понятия не имею, как это сделать.

Ответы на вопрос(4)

Ваш ответ на вопрос