exhtml
7/12/2017 - 9:45 AM

select2 - keypress keydown keyup event

select2 - keypress keydown keyup event

$('.js-mySelect2').select2({
  dropdownCssClass: "custom-dropdown"
}).on("select2:open", function (e) {
  var self = $(this);
  self.on('keyup', function(){
    console.log(self.val());
    console.log('fru');
  })
});

$(document).on('keydown', '.custom-dropdown .select2-search__field', function (ev) {
  var self = $(this);
  if( self.val().length > 5) {
    console.log(self.val());
  }
});
<label for="mySelect2">
    Select one...
    <select class="select2 js-mySelect2" id="mySelect2">
      <option value="">Lorem</option>
      <option value="">Ipsum</option>
      <option value="">Dolor</option>
      <option value="">Sit</option>
      <option value="">Amet</option>
    </select>
  </label>