如何显示Thymeleaf呈现的自动完成建议？

Question

这是我要实现的目标： 在输入字段中输入术语（例如“ Mar”）时，会执行AJAX请求，该请求会返回带有Thymeleaf呈现的自动完成建议的HTML代码（例如<ul> <li> Marvel </li> </ul>）。现在最大的问题是，如何在输入字段下以列表形式显示这些建议？

我已经尝试了以下解决方案：

• 结合使用datalist和HTML中的option。主要缺点：它与Safari不兼容，并且option与JavaScript onClick()不兼容
• 使用MDB Bootstrap的自动完成（https://mdbootstrap.com/docs/jquery/forms/autocomplete/）的样式。主要缺点：箭头键不能用于在建议之间切换（请参阅Google的自动完成功能）

因此该解决方案必须具有以下特点：

• 每个浏览器都应该支持它。
• 我可以使用箭头键上下移动。
• 点击某项时，应调用“真实搜索”（通过JavaScript或仅使用<a href="">...</a>

有人有解决此问题的想法吗？