Javascript selected.js-是否可以限制所选项目的数量?
我有一个客户端,它想让用户从列表中选择最多5个附加选项。我喜欢selected.js的概念,但是如何限制选择?我认为一种解决方案是使用onChange来计算所选的数字,然后禁用其余的数字,但是否有更整洁的解决方案?choosed提供了一个Javascript selected.js-是否可以限制所选项目的数量?,javascript,jquery-chosen,Javascript,Jquery Chosen,我有一个客户端,它想让用户从列表中选择最多5个附加选项。我喜欢selected.js的概念,但是如何限制选择?我认为一种解决方案是使用onChange来计算所选的数字,然后禁用其余的数字,但是否有更整洁的解决方案?choosed提供了一个max\u selected\u options来允许您这样做: $(".chzn-select").chosen({ max_selected_options: 5 }); max_selected_options:5在我的案例中不起作用。所以我修正如下 v
max\u selected\u options
来允许您这样做:
$(".chzn-select").chosen({ max_selected_options: 5 });
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--;
}
});
试试看。它的工作非常顺利。您不需要禁用其他选项,您可以取消选中第六个选项,并显示一条消息……哦!我怎么会错过呢?很简单。现在客户改变了主意,希望用复选框代替。感谢@mccannf提供此解决方案,我们将在以后的一天内记住它。@mccannf我们可以在初始设置后更改max_selected_选项吗?如果您尝试更改max_selected_选项,则似乎不起作用