📜  select2 使以前选择的选项不可删除 - Javascript 代码示例

📅  最后修改于: 2022-03-11 15:02:06.605000             🧑  作者: Mango

代码示例4
$(function() {
   $('.select2').select2({
        tags: true,
     placeholder: 'Select an option',
     templateSelection : function (tag, container){
             // here we are finding option element of tag and
        // if it has property 'locked' we will add class 'locked-tag' 
        // to be able to style element in select
          var $option = $('.select2 option[value="'+tag.id+'"]');
        if ($option.attr('locked')){
           $(container).addClass('locked-tag');
           tag.locked = true; 
        }
        return tag.text;
     },
   })
   .on('select2:unselecting', function(e){
           // before removing tag we check option element of tag and 
      // if it has property 'locked' we will create error to prevent all select2 functionality
       if ($(e.params.args.data.element).attr('locked')) {
           e.preventDefault();
        }
     });
});