重置 Select2 多选

Select2 是一个基于 jQuery 的下拉选择框增强插件，支持对下拉框中的选项进行搜索和多选等操作。但是，在使用 Select2 进行多选操作后，需要对已选中的选项进行重置，以便重新进行选择。本文将介绍如何重置 Select2 多选。

重置单个 Select2 多选

通过以下代码可以重置一个单独的 Select2 多选：

$(selector).val(null).trigger('change.select2');

其中，selector 为需要重置的 Select2 控件的选择器，该代码会将 Select2 控件的值设为 null，并触发 change.select2 事件，实现重置功能。

重置多个 Select2 多选

当有多个 Select2 多选控件需要同时进行重置时，可以使用以下代码：

$('.select2').each(function() {
    $(this).val(null).trigger('change.select2');
});

该代码将选择所有 class 为 select2 的 Select2 控件，并对每个控件依次执行重置操作。

注意：使用该方法时请确保所有 Select2 控件的 class 均为 select2。

重置后更新 Select2 数据源

重置 Select2 控件后，需要将其设置回原来的选项。此时，如果数据源改变了，可以使用以下代码更新 Select2 的数据源：

$(selector).empty().select2({data: newData});

其中，newData 为新的数据源，该代码将清空 Select2 控件中的选项，并以新的数据源重新渲染 Select2 控件。

以上就是关于如何重置 Select2 多选的介绍。希望对大家有所帮助！