自动完成 - 显示整个列表

Question

我有这样的代码：

var myList = [ "Avellino", "Enna", "Frosinone" ]; 

myInput.autocomplete({ 
    source: function(request, response) {    
     var data = $.grep(myList, function(value) { 
      return value.substring(0, request.term.length).toLowerCase() == request.term.toLowerCase(); 
     });    

     response(data); 
    },   
    appendTo: "#myDiv" 
}); 

，我想，当我点击输入框，显示所有元素的列表（与选择的值相同的自动完成框）的myList。

我想我需要一个第三部分的处理程序，如：

myInput.focus(function() { 

}); 

，但我不知道如何使用自动完成dialogate。任何想法/解决方案？

Answer 1

@jasonlfunk是半路那里 - 你必须在focus调用search在自动完成构件来得到这个工作：

var myList = [ "Avellino", "Enna", "Frosinone" ]; 

$('#myInput').autocomplete({ 
    minLength: 0, 
    source: function(request, response) {    
     var data = $.grep(myList, function(value) { 
      return value.substring(0, request.term.length).toLowerCase() == request.term.toLowerCase(); 
     });    

     response(data); 
    } 
}).focus(function() { 
    $(this).autocomplete("search", ""); 
}); 

例子：http://jsfiddle.net/BRDBd/

Answer 2

查看自动完成插件的minLength选项。将它设置为零应该做你想要的。

var myList = [ "Avellino", "Enna", "Frosinone" ]; 

myInput.autocomplete({ 
    minLength: 0, 
    source: function(request, response) {    
     var data = $.grep(myList, function(value) { 
      return value.substring(0, request.term.length).toLowerCase() == request.term.toLowerCase(); 
     });    

     response(data); 
    },   
    appendTo: "#myDiv" 
}).focus(function(){ 
    $(this).autocomplete("search",$(this).val()); 
});​;