包含多个值的文本字段，下拉菜单中的建议（如 Gmail“收件人：”字段）

Question

我需要在我的网络应用程序中使用类似于输入收件人地址时 Gmail 的建议下拉菜单或输入问题组合标签时 Stack Overflow 的下拉菜单的功能。

在 Gmail 中，“收件人：”地址有一个文本字段。开始输入后，会出现一个包含建议的下拉菜单。如果输入分号或逗号，则可以输入另一个地址。同样，一旦您开始输入此地址，就会出现一个带有建议的下拉菜单。

建议是地址簿的子集，其中包含您输入的文本。 （例如，如果您输入“jo”，则“John”和“Foojoe”将显示为建议，但“XYZ”不会。）该单词以粗体突出显示。

如果您按“回车”或使用上下光标键，您可以在下拉建议列表中导航。

我大概可以自己编程，但是我觉得必须有标准的解决方案我可以合并。但是，我发现的只是字段值导致建议的解决方案，而不是字段当前 part 的值导致建议（每个部分由分隔符分隔，例如“，”或“;”在 Gmail 的情况下，或空格在 Stack Overflow 标签的情况下）。

我正在使用 Wicket（Java 服务器端 Web 框架），因此任何特定于 Wicket 的解决方案都会很棒，但我确信我可以将任何普通的 Javascript 库合并到项目中。

Answer 1

jQueryUI 的自动完成功能是一个很棒的插件。

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

链接是“多值”示例，您所描述的内容几乎是逐字逐句的；它匹配中间的部分单词，它允许基于键的导航，多个条目。

Answer 2

您可以为此使用the AutoCompleteTextField class in wicket-extensions。

Wicket Examples 提供了一个示例实现作为its AJAX section 中的第一项。源代码链接有点难看，它在灰色条的右边缘。

（描述甚至说“就像谷歌建议的一样！”）

Answer 3

那里有一些 JQuery 插件，例如：

FCBKcomplete

Tokenizing Autocomplete Text Entry

Answer 4

Wicketstuff 项目中有一个自动完成组件。使用方法有an Blog。