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

我是jquery中的新成员。我正在使用多个选择插件jQuery。我想用户不能选择超过3个选项。在这里，我也禁用了全选option.Here是我的代码： -如何在多个选择插件中选择限制数量的选项？

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

请帮助我。感谢提前:)

来源

2017-06-12 kanu mahajan

编辑：

有与多选插件工作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); 
    } 
} 
});

来源

2017-06-12 11:07:32

不能与多个选择插件 –

此，如果不工作，工作您可以使用select选择多个项目。点击第一个元素，然后按Shift并点击最后一个元素。 – Rajesh

使用多选插件编辑，是更好的吗？ –

的选择添加change事件，并检查长度的选择的选项

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

来源

2017-06-12 10:59:24

我已经尝试过这一点，但不能与多个工作选择 –

我更新了我的答案检查现在 –

这是多选不复选 –

你可以做

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

来源

2017-06-12 11:13:06 Rahul

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

回答

相关问题