浮动框输入不足

时间:2018-11-21 15:10:00

标签: jquery html css twitter-bootstrap

我正在开发一个网站,并且根据每个要求,我无法设法找到最佳实施方法。

https://www.lacestitadelbebe.es看看这个网站。您可以看到在首页上有一个搜索表单,其中的“ c00l”是,一旦您单击字段(“ Que Buscas?”),它就会弹出“建议”列表。或有关相关内容的类别。

我正在尝试完成相同的行为,但是避免了加载(我已经有要事先显示的信息)。我相信可以通过CSS和隐藏的div或bootstrap来完成。问题是,我不知道如何实现这一目标。如何在输入框的确切位置下弹出一个浮动框。

有人可以给我一个例子吗?预先感谢。

1 个答案:

答案 0 :(得分:-1)

我在最近的项目中使用了免费的jQuery库的AJAX自动完成功能,效果很好:

https://www.devbridge.com/sourcery/components/jquery-autocomplete/

由于您事先知道这些值,因此可以使用预先指定的值,请在上面链接的页面上查找“本地查找(无ajax):”示例。

示例:请参见右上角的搜索框:https://dosgames.com所有值都是事先已知的。