如何 select 限制多个 select 插件中的选项数量？

Question

我是 jquery 的新人。

我正在使用多个 select 插件 jquery。

我希望用户不能 select 超过 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

为 select 添加 change 事件并检查 selected 选项的长度

  $("select").change(function () {
      if($("select option:selected").length > 3) {
          // you can disable rest of the things here
      }
  });

Answer 2

编辑：

jsFiddle example 与 multi-select 插件一起工作

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);
    }
 }
});

Answer 3

你可以

if($("select").multipleSelect("getSelects").length > 3)
{
   alert('Not allowed');
}

如何 select 限制多个 select 插件中的选项数量？

how to select limit number of options in multiple select plugin?

javascript

jquery

multiple-select