javascript - html5 数据列表和输入 - 如何在按下制表符时选择完整的列表值
问题描述
我正在尝试在我的程序(angularjs)中使用 html5 数据列表,因为我希望用户能够输入不在列表中的选项。
但是,到目前为止,我注意到的是,当使用 html5 Datalist 时,您只需编写部分文本并按 Tab,就失去了在列表中选择项目的可能性。发生的情况是输入元素仅保留您键入的内容,而不是列表中的完整项目。
有没有办法让 Datalist+Input 选择列表中的整个项目,只需键入其中的一部分并按 Tab 键?
非常感谢您的帮助,再见...
解决方案
好吧,我刚刚在我的项目中使用了selectize.js。
这是一个 jquery 插件,可以使用(html)输入来允许用户从列表中选择一个选项,但也允许用户键入一个新选项(不在列表中)。这正是我想要的。
有一篇关于在 Medium 中使用插件的好文章:
非常感谢和再见...
推荐阅读
- flutter - 滑块(在自定义类中创建)不移动或更新
- php - 导入类以测试模型
- oauth - 请求 YouTube Analytics API 时出现 403 禁止错误
- javascript - 在年、月、日中获得 2 个日期的差异,但答案总是相差几天/几个月
- javascript - Vue 控制的输入
- python - 在 groupby 函数中应用 tail 重复列
- algorithm - 如何找到不同可能矩阵的数量?
- java - Spring HATEOAS 错误的自我链接与链接资源
- reactjs - Docker ReactJS 与其他容器的通信
- c# - 当我打开一个新的表单程序时自动关闭