javascript - 如何在多选插件中选择限制数量的选项？

Question

我是 jquery 新手。

我正在使用多个选择插件jquery。

我希望用户不能选择超过 3 个选项。

这里我还禁用了 selectall 选项。

这是我的代码:

<select multiple id='testbox'>
  <option value='1'>First Option</option>
  <option value='2'>Second Option</option>
  <option value='3'>Third Option</option>
  <option value='4'>Fourth Option</option>
  <option value='5'>Fifth Option</option>
</select>

Jquery 代码:

$("select").multipleSelect({
    selectAll: false
 });

请帮助我。预先感谢:)

Answer 1

编辑:

有工作jsFiddle example带有多选插件

var limit = 3;

var $multiSel = $("select").multipleSelect({
placeholder: "Here is the placeholder",
width: 200,
filter: true,
selectAll: false,
onClick: function(view) {
    var $checkboxes = $multiSel.next().find("input[type='checkbox']").not(":checked");
    var selectedLen = $multiSel.multipleSelect('getSelects').length;
    if (selectedLen >= limit) {
       $checkboxes.prop("disabled", true);
    } else {
       $checkboxes.prop("disabled", false);
    }
 }
});