javascript - Chosen.js - 是否可以限制所选项目的数量？

Question

我有一个客户希望让用户可以从列表中选择最多 5 个附加选项。我喜欢 Chosen.js 的概念，但是如何限制选择呢？我想一种解决方案是使用 onChange 来计算选定的数字，然后禁用剩余的数字，但是有没有更简洁的解决方案？

Answer 1

Chosen 提供了一个max_selected_options允许您执行此操作的方法：

$(".chzn-select").chosen({ max_selected_options: 5 });

Answer 2

max_selected_options: 5 在我的情况下不起作用。所以我固定如下。

var countSelect = 0;
$(".chosen-select").chosen().change( function (e, params) {         
    if(params.deselected != undefined) { countSelect--; } 
    if(params.selected != undefined) { countSelect++; } 
    if(countSelect > 3) {           
        $('.chosen-select option[value="'+params.selected+'"]').attr('selected', false);
        $(this).trigger('chosen:updated');
        countSelect--;
    } 
});

尝试一下。它的工作非常顺利。