HTML选择标记自动完成

HTML select tag autocomplete

本文关键字：选择 HTML      更新时间：2023-09-26

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

<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"将被选择，依此类推

我不知道该怎么做。

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

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

转到Selectize网站此处

我认为这是下拉（选择控件）的默认操作。你不需要付出任何努力就能实现它。

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

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

DEMO

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

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

jQuery可搜索下拉插件演示

DEMO-使用您的代码

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

您也可以尝试DEMO

相关文章：