自动完成 - 显示整个列表

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 () {

});

但我不知道如何与自动完成对话。有什么想法/解决方案吗？

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());
});​;