2012-07-24 21 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