Question

我是jquery的新手。

我正在使用多个select plugin 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);
    }
 }
});

Answer 2

添加change事件以进行选择并检查所选选项的长度

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

Answer 3

你可以做到

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

如何在多个选择插件中选择限制选项数？

3 个答案: