删除项目 select2 前提醒

Question

我不知道如何设置一个条件，当有人想要从 select2 中删除项目时会显示警报。

   $(document).ready(function () {
         $("#select_name").select2({
            multiple: true,
            maximumSelectionLength: 2,
            minimumInputLength: 2,
        }).on('select2:select', function (e) {
            $(this).val([]).trigger('change');
            $(this).val([e.params.data.id]).trigger("change");      
        });
    });

Answer 1

在这里，我的朋友。 如果您不想删除该项目，则只需返回 false，如果需要，则返回 true。

Select2 - 事件： https://select2.org/programmatic-control/events

 $(document).ready(function() { $('.example').select2({ multiple: true, maximumSelectionLength: 2, minimumInputLength: 2, }).on('select2:unselecting', function (e) { alert('Opps. Removing item?') }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <select class="example" style="width: 100px;" name="state"> <option value="one">Example 1</option> <option value="two">Example 2</option> <option value="three">Example 3</option> </select>