2009-12-01 8 views
8

http://community.sciencecareers.org/mt-static/plugins/CommunityPlus/js/autocomplete/ http://community.sciencecareers.org/mt-static/plugins/CommunityPlus/js/autocomplete/demo/Come faccio ad avere il plugin di completamento automatico di jQuery per visualizzare il suo elenco a discesa al caricamento della pagina?

Cercando di attivare a livello di codice la visualizzazione dei risultati della lista completamento automatico. Questo, invece di aspettare l'input dell'utente.

È fattibile? (Ho provato a mettere a fuoco l'elemento, chiamando un evento chiave Javascript in giu .. Nessun dado)

+0

Erm, perché vuoi in questo modo? Quindi gli utenti possono vedere l'elenco per decidere cosa selezionare prima di digitare qualcosa? –

+0

jquery ui ha un significato specifico - http://jqueryui.com/ -, penso che il tag possa essere rimosso. – artlung

+0

o.k.w: sì, re: "Quindi gli utenti possono vedere l'elenco per decidere cosa selezionare prima di digitare qualcosa?" –

risposta

7

Se, e solo se, si sta utilizzando una versione di jQuery 1.3 o superiore, è possibile creare un oggetto jQuery.Event, quindi trigger() it. Sono stato in grado di farlo funzionare solo se l'elemento è anche focalizzato. Quindi questo codice funziona per l'esempio "E-Mail (locale):" su the demo page.

var e = jQuery.Event("keydown"); 
e.which = 40; 
$('#suggest13').trigger('focus').attr('value',' ').trigger(e); 

non sono sicuro esattamente ciò che la vostra situazione è, penso che sia un po 'dipende dal completamento automatico in realtà mostrando qualcosa se si preme solo uno spazio. Non è sempre il caso.

+0

Sì, l'avevo già incontrato. Grazie lo stesso! Purtroppo per il momento sono bloccato con jQuery 1.2.6. –

5
$("#mainCombo_input").trigger('keydown.autocomplete'); will open the autocomplete div and also to display the dropdown. 

E si può anche utilizzare

$("#mainCombo_input").val("Item1");  
$("#mainCombo_input").trigger('keydown.autocomplete'); to open div with on 
+0

Sembrava funzionare solo la prima volta che si fa clic sul pulsante. – Josh

+0

La prima opzione qui, attivando 'keydown.autocomplete' ha funzionato perfettamente! – eidylon

5

e che dire di questo? $("#autocompleteid").autocomplete("search")

+1

La chiamata a 'ricerca' sembra per me il risultato di un elenco a discesa di completamento automatico che non si chiude selezionando un valore. – eidylon

+0

Si basa sugli eventi qui: http://jqueryui.com/demos/autocomplete/#events. Non so se il tuo comportamento è causato dal mio codice o dal tuo codice, in ogni modo dai un'occhiata al link. Penso che tu possa combinare selezionare e chiudere le funzioni. – simPod

+0

buona risposta amico, grazie! :) –

0

Per documentation, è possibile attivare una ricerca (citata anche in un'altra risposta). Dal momento che il caso è al caricamento della pagina e potrebbe non avere tutti i dati sul campo di input è necessario cambiare minLength prima di una ricerca vuota può essere eseguito:

$yourInputField.autocomplete('option', 'minLength', 0); 
$yourInputField.autocomplete('search', "");