select2 force de se concentrer sur chargement de la page
Je suis en train de faire un select2 boîte apparaîtra dans sa porté état de chargement de la page. J'ai essayé ce qui suit:
$('#id').select2('focus');
$('#id').trigger('click');
$('#id').trigger('focus');
Seule la première ligne semble avoir aucun effet, et il met l'accent le select2 champ, mais il requiert une pression de touche pour afficher le champ de recherche, et pour permettre de taper dans la chaîne de recherche.
Donc, si vous chargez la page et de commencer à taper: "Recherche", le "S" ouvrira la boîte de recherche, puis le reste des clés sera entré en elle, de sorte que vous allez être à la recherche de "chacun"
Vous devez vous connecter pour publier un commentaire.
Selon la Select2 documentation:
Devrait être tout ce dont vous avez besoin.
Trouvé en vertu de la Accès Programmatique dans la section la documentation.
focus
option n'est pas très visuel: jsfiddle.net/mJEZK/13Cela fonctionne dans la version 3.4.2. Vous ne savez pas quand il a été mis en œuvre exactement.
Select2 crée sa propre entrée, alors essayez quelque chose comme ceci:
Si vous utilisez:
La select2 est ouvert et vous pouvez taper directement pour la recherche.
Si vous utilisez:
Le focus est défini à la création de select2 dropdownlist. Si vous frappez
Enter
ouCtrl + Arrow down
sur votre clavier, vous pouvez l'ouvrir.Est pense personnellement que c'est mieux que:
parce que vous ne pouvez pas ouvrir le select2 dropdownlist avec votre clavier.
$('#id').select2('open').select2('close');
A la prime de travail en choisir 2 v4.0 lorsque rien d'autre ne semble. Merci!$('#id').select2('focus');
a fait le tour pour moiC'est ce qui a fonctionné pour moi, et il a également placé le curseur clignotant dans le champ de saisie. L'ordre importe!
J'ai essayé les 2 autres réponses, mais je n'ai pas beaucoup de chance, peut-être parce que j'ai de remplir le contrôle via json et au début, c'est juste un caché d'entrée de sorte que le programmatique ouvrir méthode n'a pas d'effet.
Toutefois, le fait très bien pour moi:
Si pour quelque raison vous n'avez pas l'id qui viennent dans votre configuration, puis regarder pour le contrôle ayant le select2-focusser classe attaché à elle.
Nous avons eu un textfield comme select2 et utilisé l'extrait de code suivant pour activer et de se concentrer le curseur dans le texte d'entrée. Toutes les autres options n'ont pas de travail pour nous, car ils ont été seulement l'ouverture de la choisir 2 options, mais ne produisent pas le comportement attendu.
JS:
Sur Select2 4.0, la méthode .select2 ("focus") ne fait rien. Cependant, ma solution est tout simplement d'avoir la 'span' élément avec "aria-labelledby" attribut (notez la valeur est basé sur l'identité, il est donc unique), et de se concentrer c':
Déjà bien répondu par Dan-Nolan mais pour ceux qui sont nouveaux à Select2 une petite chose à noter: objet html doit être intialised avec select2 avant d'appeler ses fonctions:
sorte de code final doit être
Sur Select2 4.0.2 j'ai un problème avec select2 ("focus"). Liste ressemble concentrée mais lorsque j'appuie sur ENTRÉE de la liste s'ouvre pas.
C'est pour moi la solution.
Selon la select2 documentation:
Utiliser cette sequece: