Как скрывать select2-dropdown при выборе конкретного пункта?

Question

[z_u_l]

Здравствуйте. При выборе конкретного пункта в выпадашке не скрывается кастомный селект. Закрывается, если тыкнуть по этому пункту два раза. Есть нюанс, я использую подключение через $.fn.select2.amd.require. closeOnSelect в подключение добавил. Что может быть не так? Как скрывать select2-dropdown при выборе конкретного пункта?

Ссылка на пример

Answer 1

[BATPYIIIKOB]

$('#mySelect2').select2({
  closeOnSelect: true
});

Comments

[z_u_l]

Писал про это в вопросе "Есть нюанс, я использую подключение через $.fn.select2.amd.require. closeOnSelect в подключение добавил." Обычное подключение селекта мне не походит. closeOnSelect: true там есть

[BATPYIIIKOB]

z_u_l,

$(function() {
      $.fn.select2.amd.require([
          "select2/utils",
          "select2/dropdown",
          "select2/dropdown/attachContainer"
      ], function (Utils, DropdownAdapter, AttachContainer) {
          $('select').select2({
              dropdownAdapter: Utils.Decorate(DropdownAdapter, AttachContainer),
              closeOnSelect: true
          });
      });
    });

[z_u_l]

BATPYIIIKOB, Попробовал вставить Ваш код. Всё равно по выбору не закрывается. https://codepen.io/malinosky/pen/PowaKRw

[z_u_l]

BATPYIIIKOB, Слегка поправил Ваш код, спасибо, работает. Только не могу понять, почему если поставить closeOnSelect значение false, выпадашка при клике на выбранный пункт скрывается, хотя не должна.