Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

select2 force focus on page load

I am trying to make a select2 box appear in its focused state on page load. I have tried the following:

$('#id').select2('focus'); $('#id').trigger('click'); $('#id').trigger('focus'); 

Only the first line seems to have any effect, and it does focus the select2 field, however it requires an additional keypress to display the search field, and to allow typing in search string.

Therefore, if you load the page and start typing: "Search", the "S" will open the search box and then the remainder of the keys will be entered into it, so you'll be searching "earch"

like image 345
user984976 Avatar asked May 20 '13 00:05

user984976


2 Answers

According to the Select2 documentation:

$('#id').select2('open'); 

Should be all you need.

Found under the Programmatic Access section in the documentation.

like image 88
Dan-Nolan Avatar answered Sep 22 '22 05:09

Dan-Nolan


This works in release 3.4.2. Not sure when it was implemented exactly.

$('#id').select2('focus'); 
like image 25
keaplogik Avatar answered Sep 20 '22 05:09

keaplogik