JQuery自動完成文本框

Question

當我單擊文本框而不輸入任何內容時，如何使用JQuery實現自動完成功能。 String []將返回預建列表。

Answer 1

<pre>'<input type="text"/><div class=displayPanel></div>'</pre> 

$ JQ（ '輸入'）。綁定（ '點擊'，函數（）{

$ JQ（ 'displayPanel '）。了slideDown（' 慢'，函數（）{

this.text = textarray;

}）;

}）;

我不知道這是你需要的但是。

Answer 2

你有沒有試過jQuery的一個自動完成插件？

即http://plugins.jquery.com/project/js-autocomplete，但還有其他幾個。

Answer 3

自動完成插件（http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/）是您最好的選擇，尤其是當您處於AJAXy應用程序中時，因爲它會關閉您的服務器並實時獲取可能的列表。

實例應用：

$("#sometextbox").autocomplete("search.php", { 
    width: 260, 
    selectFirst: false 
}); 

然後search.php中可能會返回：

Great Bittern|Botaurus stellaris 
Little Bittern|Ixobrychus minutus 
American Bittern|Botaurus lentiginosus 

可以動態地生成的輸出也一樣，因爲插件通過文字上的查詢字符串輸入的，在'q'參數。

在回答射擊自動完成，而無需輸入任何內容，插件不支持，但它會相當簡單的hackish的方式實現：

插件鉤到的keydown（或按鍵）的情況下，中，像這樣（非縮小的代碼的92線）：

$input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete",...) 

因此，你可能會迫使autocompleter通過執行類似運行：

$("#autocompletedInput").click(function() { 
    $(this).trigger(($.browser.opera ? "keypress" : "keydown") + ".autocomplete"); 
} 

其中應該開火事件。您可能需要將隨機字符鍵碼傳遞給觸發器，所以它不會懷疑發生了什麼。