Из-за устаревшего интерфейса я получил этот хакерский слушатель для открытия моего раскрывающегося списка select2 (v4.0) при фокусировке на элементе select. Он работает просто отлично, за исключением того факта, что мой tabindex каким-то образом возвращается к 1, когда я нажимаю вкладку на открытом select2. Как я могу сделать так, чтобы мой раскрывающийся список закрывался, а ввод № 4 был сфокусирован, когда я нажимаю вкладку из открытого раскрывающегося списка?
var openedSelectEl;
// open select2 dropdown on focus
$(document).on('focus', 'select:enabled + span .select2-selection--single', function(e) {
openedSelectEl = $(this).parent().parent().siblings('select');
openedSelectEl.select2('open');
});
$("#3").select2({
data: [{
id: 'f00',
text: 'f00'
}, {
id: 'b4r',
text: 'b4r'
}, {
id: 'b4z',
text: 'b4z'
}]
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<div><input type="text" id="1" tabindex="1" /></div>
<div><input type="text" id="2" tabindex="2" /></div>
<div><select name="2" id="3" tabindex="3"></select></div>
<div><input type="text" id="4" tabindex="4"/></div>