JQuery 自动完成文本框答案

【问题标题】：JQuery Autocomplete textboxJQuery 自动完成文本框
【发布时间】：2012-06-24 13:10:29
【问题描述】：

当我点击文本框而不输入任何内容时，如何使用 JQuery 实现自动完成。 String[] 将返回一个预先构建的列表。

【问题讨论】：

【解决方案1】：

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

$jq('input').bind('click', function() {

$jq('.displayPanel').slideDown('slow', function() {

this.text = textarray;

});

});

我不知道这是不是你需要的，但是。

【讨论】：

【解决方案2】：

自动完成插件 (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' 参数。

在不输入任何内容的情况下触发自动完成，插件不支持这一点，但以黑客的方式实现相当简单：

插件挂钩到框的 keydown（或 keypress）事件，如下所示（非缩小代码的第 92 行）：

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

因此，您可以通过执行以下操作强制自动完成器运行：

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

应该触发事件。您可能需要将随机字符键码传递到触发器中，所以它不知道发生了什么。

【讨论】：

【解决方案3】：

您是否尝试过 jQuery 的自动完成插件之一？

【讨论】：