有没有办法使用纯 JS 使用数据列表中的顶部选项自动完成输入的值？

Question

有没有办法通过按回车键从数据列表中建议的顶部选项自动完成输入值（在用户键入时）（并使用纯 JS）？

不知何故，我设法找到的有关此事的所有信息仅建议使用 JQuery 的解决方案。 我是一个使用 JavaScript 的初学者，所以我不熟悉这个库。 所以，我想知道是否有任何可以使用纯 JS 执行的解决方案？

Answer 1

html 确实具有支持自动完成的能力，但它非常有限，并且将自动完成的选项留给了浏览器。 请参阅https://www.w3schools.com/tags/att_input_autocomplete.asp 。 您可以使用库来增强普通输入框，或构建自己的输入框。 通常它们的工作方式是在输入具有键盘焦点时在输入下放置一个绝对定位的 div。 我熟悉的一个库称为jqueryui https://jqueryui.com/autocomplete/ 。 这确实使用了 jquery，但是还有其他库不依赖于此。 https://tarekraafat.github.io/autoComplete.js/#/出现在谷歌快速搜索中。 你必须评估它的质量。