（jquery？）自动完成显示两行或多行？

Question

我使用了几年ajax自动完成脚本，它为搜索提出了预先选择的关键字。现在，我想扩展它以实际显示（数据）变量的名称，但是可以扩展到100个字符。因此，结果需要在多个（至少两个）行的下拉框中显示。

我发现了一个jquery自动完成插件，可以执行此操作：http://code.drewwilson.com/entry/autosuggest-jquery-plugin。

这一个：http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/

否则，没有太多的东西，是我的印象。

还有另外一个挑战：我希望自动填充功能不仅可以在名称的开头搜索，还可以搜索字段的任何部分。 （我猜，这是服务器端的事情，对吗？）

你能推荐任何稳定而不太花哨的解决方案吗？

感谢任何提示和建议。

Answer 1

jQuery本身有自动完成小部件。它会像你期望的那样工作。检查此链接。

http://jqueryui.com/autocomplete/

http://jqfaq.com/category/widgets/autocomplete/

Answer 2

以下是我使用jquery ui的 _renderItem 方法完成的方法： 请注意，我必须将长段打破为宽度为50个字符的行。

 public class MultiSelectView {

private List<SelectItem> categories;    
private String selection;
private String previousSelection;

...
public void setSelection(String newSelection) {
    this.previousSelection=this.selection;
    this.selection = newSelection;
}

这是useful link

Answer 3

我发现了一个简单的解决方案：

$('.ui-autocomplete').css('max-width','25%');