closeOnSelect = false将箭头键重点放在下拉列表

时间:2015-10-06 09:49:03

标签: jquery jquery-select2 jquery-select2-4

当我设置多个="多个"和closeOnSelect:false,按下向下箭头(同时聚焦在搜索框上),我无法再关注下拉列表中的项目。我可以使用鼠标选择多个项目(这部分工作完美)。它只是将焦点从搜索框转移到下拉列表,并在选择多个项目后保持焦点。

这是我一直在使用的......

$(function(){
    $('#option').select2({
      closeOnSelect: false
    });
});

<select id="option" multiple="multiple" style="width: 300px;">
    <option value="afghanistan">Afghanistan</option>
    <option value="albania">Albania</option>
    <option value="algeria">Algeria</option>
    <option value="american_samoa">American Samoa</option>
    <option value="andorra">Andorra</option>
</select>

这是一个未经实际修复的尝试(但也许我在正确的轨道上?)......

$('.select2-input').on('keydown', function(e){
    if(e.keyCode == 40){
        $('.select2-results-dept-0')
        .removeClass('select2-highlighted')
        .eq(0)
        .addClass('select2-highlighted');
    }
});

0 个答案:

没有答案