AutoVervollständigen - show die ganze Liste

Habe ich diesen code :

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"
});

und ich möchte, wenn ich auf das Feld "Eingabe", um die Liste aller Elemente (mit der gleichen AutoVervollständigen-Feld wählen Wert)myList.

Ich nehme an, ich brauche einen Dritten Teil handler, wie :

myInput.focus(function () {

});

aber ich weiß nicht, wie dialogate mit dem autocomplete. Irgendwelche Ideen/Lösungen?

InformationsquelleAutor markzzz | 2012-02-22

  1. 13

    @jasonlfunk ist auf halbem Weg gibt-Sie nennen search auf die autocomplete-widget auf focus zu bekommen dies funktioniert:

    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", "");
});

    Beispiel: http://jsfiddle.net/BRDBd/

    Es funktioniert perfekt! Danke!!!
    Tatsächlich, meine Lösung ist besser, denn es behandelt den Fall, wo Sie etwas Weg klicken, und dann den Fokus das element wieder... Aber es ist kein Wettbewerb.

    InformationsquelleAutor Andrew Whitaker

  2. 4

    Werfen Sie einen Blick auf die minLength option für die autocomplete-plugin. Wenn er auf null sollte das tun, was Sie wollen.

    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());
});​;
    Uhm, Nein, es funktioniert nicht! jsfiddle.net/Ek8nS, wenn ich auf den Eingang kann ich nicht sehen, die Liste..
    Du hast Recht! Sorry. Ich aktualisiert meine Antwort. Jetzt funktioniert es. 🙂
    perfekte Antwort, vielen Dank dude 🙂

    InformationsquelleAutor jasonlfunk

Schreibe einen Kommentar