当我设置多个="多个"和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');
}
});