select2强制关注页面加载

Question

我试图让select2框在页面加载时出现在焦点状态.我尝试过以下方法:

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

只有第一行似乎有任何效果,它确实关注select2字段,但它需要一个额外的按键来显示搜索字段,并允许键入搜索字符串.

因此,如果您加载页面并开始键入:"搜索","S"将打开搜索框,然后其余的键将输入其中,因此您将搜索"earch"

Answer 1

根据Select2文档:

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

应该是你所需要的一切.

在文档中的Programmatic Access部分下找到.

Answer 2

这适用于3.4.2版.不确定它何时完全实现.

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

Answer 3

Select2创建自己的输入,所以尝试这样的事情:

$(window).load(function(){
  $('#id').prev('.select2-container').find('.select2-input').focus();
});

Answer 4

如果您使用:

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

select2已打开,您可以直接键入进行搜索.

如果您使用:

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

焦点设置为创建的select2下拉列表.如果按Enter或Ctrl + Arrow down键盘,可以打开它.

个人认为这比以下更好:

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

因为你无法用键盘真正打开select2下拉列表.

Answer 5

这对我有用，它还将闪烁的光标放在输入字段中。顺序很重要！

$('#s2id').select2('focus');
$('#s2id').select2('open');