我正在开发一个网站,并且根据每个要求,我无法设法找到最佳实施方法。
https://www.lacestitadelbebe.es看看这个网站。您可以看到在首页上有一个搜索表单,其中的“ c00l”是,一旦您单击字段(“ Que Buscas?”),它就会弹出“建议”列表。或有关相关内容的类别。
我正在尝试完成相同的行为,但是避免了加载(我已经有要事先显示的信息)。我相信可以通过CSS和隐藏的div或bootstrap来完成。问题是,我不知道如何实现这一目标。如何在输入框的确切位置下弹出一个浮动框。
有人可以给我一个例子吗?预先感谢。
答案 0 :(得分:-1)
我在最近的项目中使用了免费的jQuery库的AJAX自动完成功能,效果很好:
https://www.devbridge.com/sourcery/components/jquery-autocomplete/
由于您事先知道这些值,因此可以使用预先指定的值,请在上面链接的页面上查找“本地查找(无ajax):”示例。
示例:请参见右上角的搜索框:https://dosgames.com所有值都是事先已知的。