首页 > 解决方案 > html5 数据列表和输入 - 如何在按下制表符时选择完整的列表值

问题描述

我正在尝试在我的程序(angularjs)中使用 html5 数据列表,因为我希望用户能够输入不在列表中的选项。

但是,到目前为止,我注意到的是,当使用 html5 Datalist 时,您只需编写部分文本并按 Tab,就失去了在列表中选择项目的可能性。发生的情况是输入元素仅保留您键入的内容,而不是列表中的完整项目。

有没有办法让 Datalist+Input 选择列表中的整个项目,只需键入其中的一部分并按 Tab 键?

非常感谢您的帮助,再见...

标签: javascriptangularjshtml

解决方案


好吧,我刚刚在我的项目中使用了selectize.js

这是一个 jquery 插件,可以使用(html)输入来允许用户从列表中选择一个选项,但允许用户键入一个新选项(不在列表中)。这正是我想要的。

有一篇关于在 Medium 中使用插件的好文章:

使用 Selectize.js 使您的表单更好

非常感谢和再见...


推荐阅读