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"
According to the Select2 documentation:
$('#id').select2('open');
Should be all you need.
Found under the Programmatic Access section in the documentation.
This works in release 3.4.2. Not sure when it was implemented exactly.
$('#id').select2('focus');
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With