4

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

<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

3 回答 3

4

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

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

在此处转到选择网站

于 2016-11-05T09:25:03.777 回答
2

演示

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

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

jQuery Searchable DropDown 插件演示

演示 - 使用您的代码

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

你也可以试试DEMO

于 2013-08-19T02:01:45.810 回答
2

我认为这是下拉（选择控件）的默认操作。你必须做零努力来实现它。

试试这个JSbin..有一个选择框，当用户第一次按下g键盘grapes is selected和第二次ginger is selected

http://jsbin.com/UYeZaPA/1/edit

于 2013-08-18T17:56:55.690 回答