8
votes

Comment ai-je le plug-in jQuery's Autocomplecte affiche sa liste déroulante lors de la charge de la page?

http://community.sciencecareers.org/mt-statique / plugins / communautairePlus / js / autocomplete / http://community.sciencecareers.org/mt-statique/ Plugins / CommunityPlus / JS / SautoComplete / Demo /

essayer de déclencher de manière programmable l'affichage des résultats de la liste d'autocompletion. Ceci, au lieu d'attendre la saisie de l'utilisateur.

Est-ce que cela faisait? (J'ai essayé d'obtenir la mise au point de l'élément, appelant un événement clé JavaScript vers le bas de la flèche. Pas de dés)


3 commentaires

Euh, pourquoi le voulez-vous de cette façon? Les utilisateurs peuvent donc voir la liste pour décider quoi choisir avant de taper quoi que ce soit?


jquery ui a une signification spécifique - jQueryui.com -, je pense que cette étiquette pourrait être supprimée.


o.k.w: oui, re: "Les utilisateurs peuvent donc voir la liste pour décider quoi choisir avant de taper quoi que ce soit?"


4 Réponses :


10
votes

Si, et seulement si, vous utilisez une version de JQuery 1.3 ou plus, vous pouvez créer un jquery.event code> objet, puis déclencheur () code> it. Je n'ai été capable que de le faire fonctionner si l'élément est également concentré. Donc, ce code fonctionne pour le courrier électronique " (local): strong>" "exemple sur La page de démonstration .

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


2 commentaires

Ouais, j'avais déjà rencontré ça. Merci tout de même! Malheureusement, je suis coincé avec JQuery 1.2.6 pour le moment.


Quel = 13 ou code clé = 13 est identique à la touche ENTER pour ce type d'utilisation non?



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

2 commentaires

Cela semblait ne fonctionner que la première fois que le bouton a été cliqué.


La première option ici, déclenchant keydown.Autocomplete a parfaitement fonctionné!



6
votes

Et qu'en est-il? $ ("# autocompleteid"). Autocomplete ("Recherche")


2 commentaires

Calling Recherche semble que je reçoive une liste déroulante Autocomplete qui ne ferme pas lors de la sélection d'une valeur.


Il est basé sur des événements ici: jQueryui.com/demos/autocomplete/#events . Je ne sais pas si votre comportement est causé par mon code ou votre code, jetez un coup d'œil au lien. Je pense que vous pouvez combiner des fonctions sélectionnées et fermer.



2
votes

par Documentation , vous pouvez déclencher une recherche (également mentionnée dans une autre réponse) . Étant donné que votre cas est à la charge de la page et qu'il n'a peut-être pas de données sur le champ de saisie, vous devez modifier Minlength avant que la recherche vide ne puisse être courante:

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


0 commentaires