文章/答案/技术大牛

发布

社区首页 >问答首页 >打开焦点select2

问打开焦点select2
EN

Stack Overflow用户

提问于 2015-10-15 11:27:27

回答 2查看 4.4K关注 0票数 1

我想让用户能够使用选项卡键从一个输入更改到另一个输入。但是，在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);  
}

javascript

jquery

回答 2

Stack Overflow用户

发布于 2016-01-28 21:24:14

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

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

票数 1

Stack Overflow用户

发布于 2016-09-29 14:07:57

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

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

小提琴演示

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33147321

复制

相似问题

问打开焦点select2
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问打开焦点select2EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问打开焦点select2
EN