Question

我有一些选择标签如下：

<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，并且他点击了键＃34; G＆＃34;在他的键盘上，选项＆＃34; Grapes＆＃34;将自动选中，当他按下＆＃34; G＆＃34;再一次，＆＃34; Ginger＆＃34;将被选中等等。

我不知道怎么做。

Answer 1

DEMO

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

如果您想搜索下拉列表，可以尝试使用此插件。

jQuery Searchable DropDown Plugin Demo

DEMO - with your code

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

您也可以尝试DEMO

Answer 2

我认为这是下拉列表的默认操作（选择控件）。你必须付出努力才能实现它。

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

时

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

Answer 3

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

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

访问Selectize网站here

Answer 4

这不需要付出努力。在任何浏览器中自己尝试一下。浏览器默认为您执行此操作。试试chrome或任何当前的浏览器

例如：Facebook页面注册表单：

只需选择月份，然后按 J

首先它将显示 1月

第二次按J时，它会显示 6月 ..等等

HTML选择标记自动完成

4 个答案: