jQuery自动完成点击查看全部？

Question

jQuery自动完成点击查看全部？

72

我正在相对简单的方式中使用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事件（例如按钮或链接）来显示自动完成的所有可用选项？基本上，我想要制作一个自动完成和选择/下拉元素的混合体。

谢谢！

- Rio

22个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- human.js · Answer 1

我猜更好的选择是把 $("#idname").autocomplete( "search", "" ); 放到文本框的 onclick 参数中。因为在选择后，jQuery 会放置焦点，这可以是一种解决方法。不知道这是否应该是可接受的解决方案。

- Shayan Shaikh · Answer 2

当输入值为空时搜索，否则搜索输入框内的值。这段代码对我有效：

$("#your_input").on('focus', function () {
   $(this).autocomplete('search', $(this).val() == '' ? " " : $(this).val());    
});