在 select2 插件中设置要选择的最小值

Oma*_*osa 5 html javascript jquery select html-select

有没有一种方法可以验证选择两个只允许最小数量的选择长度,因为它具有maximumSelectionLength.

我试过了,minimumSelectionLength但对我不起作用:

<link rel="stylesheet" type="text/css" href="select2/select2.min.css" />
<script src="select2/select2.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
      $(".selecte").select2();
      maximumSelectionLength: 15;

    });
</script>
Run Code Online (Sandbox Code Playgroud)

所以我希望按钮在用户选择最多 3 个项目之前不提交。

任何想法或建议。

Zak*_*rki 7

select2插件没有用于此目的的任何属性,因此您可以验证事件中所需的select元素submit使您有条件,然后在实现时提交:

$('form').on('submit', function(){
     var minimum = 3;

     if($(".selecte").select2('data').length>=minimum)
         return true;
     else 
         return false;
});
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助。


$('form').on('submit', function(){
     var minimum = 3;

     if($(".selecte").select2('data').length>=minimum)
         return true;
     else 
         return false;
});
Run Code Online (Sandbox Code Playgroud)
$(".selecte").select2();

$('form').on('submit', function(){
     var minimum = 2;

     if($(".selecte").select2('data').length>=minimum){
         alert('Submited...')
         return true;
     }else {
     	 alert('Please shoose at least '+minimum+' item(s)')
         return false;
     }
})
Run Code Online (Sandbox Code Playgroud)