Select2 - 保护已选选项不被删除

Select2 是一个非常流行的 jQuery 插件，提供了许多强大的选项和功能，使得用户能够方便地进行多选、搜索、分页等操作。在默认情况下，用户可以通过单击已选选项上的删除图标来删除它们，但是在某些情况下，我们可能需要保护某些已选选项不被删除。

下面是一些示例情况：

• 用户已经提交了表单，并且需要防止用户更改其选择。
• 列表中包含必须选择的选项，如果用户误删，提交表单可能会失败。
• 某些选项只能选择一次，如果用户再次选择，可能会导致错误。

实现这个功能非常简单，只需要添加一个 select2:unselecting 事件处理程序，检查将要删除的选项是否在保护列表中。如果是，则取消事件，否则继续执行删除操作。

以下是一个例子：

var protectedItems = ["Apple", "Banana", "Orange"];

$("#mySelect").select2();

$("#mySelect").on("select2:unselecting", function (e) {
  var item = e.params.args.data.text;
  
  if ($.inArray(item, protectedItems) >= 0) {
    e.preventDefault();
  }
});

在这个例子中，我们定义了一个 protectedItems 数组，其中包含一些受保护的选项。然后，我们初始化了 Select2，然后添加了一个 select2:unselecting 事件处理程序。在处理程序中，我们检查要删除的选项是否在 protectedItems 数组中。如果是，则取消事件，否则继续执行删除操作。

这就是如何使用 Select2 保护已选选项不被删除的方法。这是一个非常简单但非常有用的功能，可以用于许多不同的应用程序和场景。如果你还没有使用 Select2，那么现在就是时候开始了！