Jquery 带有选择框事件的网页下拉菜单

我需要实现一个可滚动的下拉菜单与选择框功能，如在网页上的按键悬停

例如： 我的下拉菜单包含大约100个元素， 苹果 蚂蚁 球 橙色的

菜单必须可滚动。 如果我按“A”，苹果应该会悬停。 再次，如果我按下“A”键，蚂蚁应该悬停。 上下箭头应悬停到上一个和下一个元素。 我不需要“选择”中的文本框

---

请给我一个更好的方法来实现这一点。

我不确定我是否完全理解您在寻找什么，但角度的ui选择可能只是一个简单的选择

角度ui选择示例

{{$select.selected.name}
电子邮件：{{person.email}
年龄：

在jQuery中，我能想到的最接近的事情是它们的自动完成输入，但它似乎不像您所寻找的那种cmoplexity

<ui-select ng-model="ctrl.person.selected" theme="select2" ng-disabled="ctrl.disabled" style="min-width: 300px;" title="Choose a person">
<ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="person in ctrl.people | propsFilter: {name: $select.search, age: $select.search}">
  <div ng-bind-html="person.name | highlight: $select.search"></div>
  <small>
    email: {{person.email}}
    age: <span ng-bind-html="''+person.age | highlight: $select.search"></span>
  </small>
</ui-select-choices>