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

Question

我有一个客户端希望为用户提供从列表中选择最多5个附加选项的选项。我喜欢Chosen.js概念，但我怎样才能限制选择？我想一个解决方案是使用onChange来计算所选的数字，然后禁用剩余部分，但是有更简洁的解决方案吗？

Answer 1

选择提供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--;
    } 
});

试试吧。它的工作非常顺利。