AutoVervollständigen-zeigen Sie alle Optionen im Fokus

Iam mit dieser plugin.

Wie kann ich alle anzeigen der Optionen im dropdown-Menü " für ein Eingabe-Feld, wenn es den Fokus erhält? Jetzt habe ich etwas zu geben für das plugin filter-Optionen.

Was habe ich jetzt 

var $sessionTimes = "00:00 00:15 00:30 00:45 1:00 1:15".split(" ");
$(".autocompleteTime").autocomplete($sessionTimes);

<input type="text" class="autocompleteTime" size="5" />
InformationsquelleAutor krishna | 2009-09-23
  1. 11

    Müssen Sie noch festlegen, minChars 0 zu sein, so wie hier:

    $('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0});

    Beachten Sie auch, dass Sie nicht haben, um zu beginnen Variablennamen mit einem $, Sie konnte nur schreiben sessionTimes überall Sie es verwenden, und es wäre okay. Wahrscheinlich kommt aus einem PHP-hintergrund? 🙂

    • Dank inkredibl. Das funktioniert. Naja, ich mag US-Dollar mehr, desto besser 🙂
    • Ich habe versucht, diese, aber Sie müssen noch die Pfeiltaste nach unten drücken oder klicken Sie auf das Steuerelement, um tatsächlich zeigen Sie die AutoVervollständigen-Optionen.
    • Vielleicht aus einem Perl-hintergrund ?
    • Was meinst du? Natürlich hat der Anwender, um es zu lösen. Wenn Sie wollen, dass es trigger automatisch einfach anrufen click() auf, d.h. $('.autocompleteTime').click()
    • FYI, dies wird als "minLength" in neueren Versionen des plugins.
    • Ich denke, was @Fajar meinte, war, dass es nicht trigger auf die erste zu konzentrieren - wenn der Benutzer klickt in der autocomplete-textbox, die er nicht bekommen das dropdown-Menü. Er würde noch ein Zeichen eingeben, oder drücken Sie den Pfeil nach oben Holen Sie sich Anregungen.
    • Genial! Ich musste das tun, was @Fajar tun wollte. $('.autocompleteTime').click(function(e){ $('#' + e.target.id).keydown() }); für dieses Beispiel würde den trick tun. Und, @notJim die Korrektur richtig war.
    • Das funktioniert nicht, onFocus.

    InformationsquelleAutor inkredibl
  2. 7

    Dies ist die richtige Antwort:

        $('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0})
    .focus(function () {
        $(this).autocomplete('search', $(this).val())
    });
    • Diese sollte die richtige Antwort
    InformationsquelleAutor RayLoveless
  3. 2

    Check-out jQuery Ui ' s Autocomplete combobox Beispiel:

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

    • Dass s wirklich cool! Zuvor nicht gesehen hatte. Danke!
    InformationsquelleAutor mynameistechno
  4. 2

    Die ausgewählte Antwort ist ein bisschen alt, und nicht wirklich Arbeit für mich, also, was für mich gearbeitet hat, war dies:

    $('#selector')
    //use minLength when initializing so that empty searches work
    .autocomplete({..., minLength: 0})
    //trigger the search on focus
    .focus(function(){
        $(this).autocomplete('search', $(this).val());
    })

    Credits auf den Kommentar von @notJim oben und diese Frage: Anzeige jquery-ui-auto-komplette Liste auf focus-Ereignis, und mir

    InformationsquelleAutor Ahmed-Anas
  5. 0

    Dass das Modul wurde jetzt eingebunden in das jQuery UI. Dieser Beitrag beschreibt, wie mit diesem problem umzugehen jetzt:

    Jquery UI-autocomplete; minLength:0 Problem

    InformationsquelleAutor jerrygarciuh
Schreibe einen Kommentar