2012-07-24 26 views
0

当用户在位于DIV上方的字段中键入字母时,我怀疑涉及DIV中的自动(其中包含其他用户的名称及其图像和年龄)。如何使用自动完成插件来刷新div?

作为Facebook的朋友的自动搜索。

搜索,我发现一个jQuery插件是“自动完成”,但我想修改为具有与facebook朋友查找程序相同的行为。

有没有人有任何例子来做到这一点?或者另一种方式?

注意:我在PHP中有一个函数,它通过字母返回所有的名字。 ¿我可以一致地用ajax调用这个函数来更新DIV?

+0

[jQuery UI文档](http://jqueryui.com/demos/autocomplete/#custom-data)显示了如何自定义显示 – MrOBrian 2012-07-24 21:06:02

回答

0

jQuery UI的有一些不错的内置功能为

http://jqueryui.com/demos/autocomplete/

您可以去的JavaScript的方式检索的建议时,或者你可以做的Ajax调用 - 这主要取决于有多少项你有可能匹配。

如果你太多了,将所有元素存储在js中可能不是最好的选择。

+0

如果我有很多元素..什么是最好的方式去? – user6964 2012-07-24 21:37:37

+0

检查jQuery UI自动完成演示库的第二个示例。它使用远程数据库访问脚本。这是你应该做的。设置一个服务器端脚本(例如在php中),该脚本根据您的输入(例如,调整您的mysql查询)以JSON形式返回建议。只需按照jQuery UI网站上的示例。应该相当容易设置。 – Horen 2012-07-25 16:04:46