Как предотвратить удаление тегов из select2

Question

Я создал виджет select2 с tags:true. Есть ли способ предотвратить удаление тегов, щелкнув выбранный элемент в раскрывающемся списке, чтобы тег можно было удалить, щелкнув крест в теге?

Answer 1

Вы можете использовать событие select2:unselecting, чтобы отменить метку удаления из элемента, например

$(".js-example-tags").select2({ 
    tags: true 
}).on("select2:unselecting", function (e) { 
    // check if originalEvent.currentTarget.className is "select2-results__option" (in other words if it was raised by a item in the dropdown) 
    if ($(e.params.args.originalEvent.currentTarget).hasClass("select2-results__option")){ 
     e.preventDefault(); 
     // close the dropdown 
     $(".js-example-tags").select2().trigger("close"); 
    } 
}); 

JSFiddle demo