Select2 多选与 ctrl 错误答案

【问题标题】：Select2 mutiple select with ctrl errorSelect2 多选与 ctrl 错误
【发布时间】：2016-09-19 11:02:12
【问题描述】：

我正在使用 select2 jQuery 并在多选中出错。当任何用户一一选择时，maximumSelectionLength 起作用，如果用户按 ctrl 并选择多个选项，则最大选择不起作用，用户可以选择超过 3 个选项

$(function() {
  $('select').select2({
          maximumSelectionLength: 3,
    });
});

示例：jQuery select2 >> 限制选择的数量

用 ctrl + select 试试这个，不用 ctrl

【问题讨论】：

标签： jquery jquery-select2

【解决方案1】：

@Harman ：覆盖 select2:selecting 函数，如下所示。

$(function() {
    $('select').select2({
          maximumSelectionLength: 3,
    });

    $("select").on("select2:selecting", function (e) {
        if ($(this).val() && $(this).val().length >= 3) {
            e.preventDefault();
        }
    });
});

【讨论】：

【解决方案2】：

你的问题不清楚。我认为您对多个标记感兴趣。

在那种情况下，我建议您使用 select2 多重标记（select2 插件）。

在标记方法中可以有多个标记。

您可以将 select2 应用于此输入字段。

<input type="hidden" id="tags" style="width: 300px" />

这里是演示： http://jsfiddle.net/avqfjc33/14/

【讨论】：

我认为@Harman 所说的是：在 select2 控件中，当您按下 CTRL 时，它允许选择超过 maximumSelectionLength 的元素。