jQuery Autocomplete UI - Ich möchte, dass es die Suche nach onfocus startet, ohne dass der Benutzer etwas eingeben muss

7

jQuery Autocomplete UI - Ich möchte die Suche "onfocus" starten und sofort die Liste der Auswahlmöglichkeiten anzeigen, wenn der Benutzer in das Suchfeld klickt oder klickt, ohne dass der Benutzer etwas eingeben muss.

Das Standardverhalten erfordert, dass der Benutzer ein Zeichen oder einen Abwärtspfeil eingeben muss, um den Ball zu starten und die Suche zu starten und die Werte zu erhalten, selbst wenn ich die Anzahl der erforderlichen Zeichen auf Null setze.

%Vor%

Danke!

    
sdfor 18.12.2010, 19:06
quelle

7 Antworten

13

Ein bisschen komplizierter als Emmetts Antwort, aber ...

  • Zeigt die Liste im Fokus an, auch wenn die Box bereits Text enthält
  • Vermeidet das erneute Öffnen der Liste nach dem Klicken auf ein Element

Hier ist es:

%Vor%     
Dunc 17.09.2011 11:04
quelle
5

Ich fand, dass dieser Code ein wenig sauberer und elementspezifischer ist.

%Vor%     
par 28.03.2013 14:32
quelle
4

Diese Lösung funktionierte für mich nicht genau, weil die Box für die automatische Vervollständigung nach der Auswahl wieder auftauchen würde erwünschtes Ergebnis. Dies lag daran, dass die .focus -Methode vor dem close: -Ereignis ausgeführt wurde.

Zusätzlich, nach dem Code in dieser Antwort , sobald die Box geschlossen wurde, würde sie sich nicht wieder öffnen, weil Die Variable closing blieb true , weil close: nach .focus ausgeführt wurde.

Der folgende Code löste diese beiden Probleme (beachten Sie, dass die Variable closing im Ereignis close: auf false gesetzt ist):

%Vor%     
Raj 26.01.2012 07:48
quelle
3
%Vor%

Stellen Sie sicher, dass minLength der automatischen Vervollständigung 0 ist.

    
Emmett 18.12.2010 19:15
quelle
3

diese Lösung funktioniert nicht für mich, aber das:

%Vor%

funktioniert gut (Quelle: jquery forum )

    
manner 10.11.2011 12:30
quelle
3

Versuchen Sie, die focus mit Autocomplete zu binden.

%Vor%

Sehen Sie sich mein Beispiel JSFiddle an.

    
Praveen 08.07.2013 04:32
quelle
2

JQUERY schlägt diese Methode tatsächlich vor

Ссылка

%Vor%

Im Grunde verwenden Sie minLength: 0 und das Fokusereignis mit einer Suche nach "".

    
androidmj 11.07.2014 20:55
quelle