jQuery autoComplete 查看所有点击？

Question

我以一种相对简单的方式使用 jQuery 的自动完成功能:

$(document).ready(function() {
  var data = [ {text: "Choice 1"}, 
               {text: "Choice 2"}, 
               {text: "Choice 3"} ]

$("#example").autocomplete(data, {
  matchContains: true,
  minChars: 0,
  formatItem: function(item) 
    { return item.text; }
    }
  );
  });

如何添加 onclick 事件(如按钮或链接)来显示自动完成的所有可用选项？基本上我希望制作自动完成和选择/下拉元素的混合体。

谢谢!

Answer 1

您可以触发此事件来显示所有选项:

$("#example").autocomplete( "search", "" );

或者查看下面链接中的示例。看起来正是您想要做的。

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

编辑(来自@cnanney)

注意:您必须在自动完成中设置 minLength: 0，空搜索字符串才能返回所有元素。