有沒有辦法使用純 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/#/出現在谷歌快速搜索中。 你必須評估它的質量。