Я пытаюсь выполнить вызов AJAX с помощью модуля select2 ver4 jquery и использовать Загрузка удаленных данных на странице выбора Select2. Теперь я пытаюсь нажимать клавишу ввода в следующем элементе.Как сфокусировать select2 нажатием клавиши ввода?
HTML КОД
<table>
<tr>
<td>
<select class="rp">
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
<td>
<select class="rp">
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
<td>
<select class="js-example-data-array"></select>
</td>
</tr>
</table>
JS КОД
$('select:first').focus();
$('input, select, textarea').on('keydown', function(e) {
if (e.which == 13) {
if (e.ctrlKey) {
$(this).closest('form').submit();
} else {
var fields = $(this).closest('form').find('input, select, textarea');
var total = fields.length;
var index = fields.index(this);
fields.eq(index + (e.shiftKey ? (index > 0 ? -1 : 0) : (index < total ? +1 : total))).focus();
return false;
}
}
});
var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
$(".js-example-data-array").select2({
data: data
})
https://jsfiddle.net/ojpcsyxd/
Я хочу сосредоточиться следующий элемент, нажав клавишу ввода. Но я не могу сфокусировать элемент select2.