test

by alexscus lomov

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.6.8-fix/jquery.nicescroll.min.js"></script>
<select class="test">
  <option>American Black Bear</option>
  <option>Asiatic Black Bear</option>
  <option>Brown Bear</option>
  <option>Giant Panda</option>
  <option selected>Sloth Bear</option>
  <option disabled>Sun Bear</option>
  <option selected>Polar Bear</option>
  <option disabled>Spectacled Bear</option>
</select>

JavaScript

$(document).ready(function() {
  $('.test').select2()
    .on("select2:open", function() {
      $('.select2-results__options').niceScroll();
    });
});