Select2 автоматический выбор элемента при фокусировке - PullRequest
Новая
       11

Select2 автоматический выбор элемента при фокусировке

0 голосов
/ 29 августа 2018

Мне нужно автоматически выбирать фокус текущего элемента, когда я нажимаю вне select2 (или нажимаю TAB), а не только, если я щелкаю элемент, чтобы вызвать событие: .on('select2:select')

Полезно, например, без использования мыши и перехода от одного входа к другому только с клавиатуры с помощью клавиши TAB.

Например, на картинке я хотел бы выбрать объект, на который также нацелен фокус, если я нажму в области с синей полосой (вне ввода ввода) или с помощью клавиши TAB.

Я не нашел никакой документации для select2.

скрипка для начала: http://jsfiddle.net/ishanbakshi/fyhsz9ra/

enter image description here

1 Ответ

0 голосов
/ 29 августа 2018

Это должно помочь. Смотрите мои комментарии к коду.
Кроме того, есть другие полезные настройки , найденные в документации select2 

$(document).ready(function() {

  $("#e1").select2({
  selectOnClose: true, //auto select when select2 dropdown is closed
  });

});
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

<select multiple id="e1" style="width:300px">
  <option value="AL">Alabama</option>
  <option value="Am">Amalapuram</option>
  <option value="An">Anakapalli</option>
  <option value="Ak">Akkayapalem</option>
  <option value="WY">Wyoming</option>
</select>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
...