打开焦点select2

Question

我想让用户能够使用选项卡键从一个输入更改到另一个输入。但是，在select2上，选项卡键不起作用。如何在焦点上打开select2？

我试过这个解决方案，但它不起作用。

jsFiddle

$('.js-select').select2({
     placeholder: "Select",
     width: "100%"
}).one('select2-focus', select2Focus).on("select2-blur", function () {
    $(this).one('select2-focus', select2Focus)
})

function select2Focus() {
    var select2 = $(this).data('select2');
    setTimeout(function() {
        if (!select2.opened()) {
            select2.open();
        }
    }, 0);  
}

Answer 1

我在链接所以问题中尝试了一些方法，最后想出了对我有用的以下几种方法。我使用的是Select2 4.0.1，这是今天的最新版本。变量' element‘是您作为一个<select>拥有的Select2元素。

$.data(element).select2.on("focus", function (e) {
    $(element).select2("open");
});

Answer 2

我发现Lister先生和EriksonG的解决方案与select2 4.0.3 (小提琴)完全相同，但稍微修改和清理一下，效果很好：

$('.js-select').each(function () {
    var s = $(this);
    s.data().select2.on('focus', function (e) {
        s.select2('open');
    });
});

小提琴演示