select2-jquery: How to set maximumselectionsize dynamically

Question

I've a requirement where I'll decide Max selections to be allowed in select2 ui.How can I do that. I tried by

$('#ChnageLnk').on('click',function(){
$('#SelectD').select2({maximumselectionsize :1});
});

score 10 · Answer 1 · edited May 23 '17 at 12:26

10

Please, note that since version 4.0 of select2 they have changed maximumSelectionSize to maximumSelectionLength.

edited May 23 '17 at 12:26

Community

answered Apr 07 '15 at 09:18

ivan.mylyanyk

mccannf · Accepted Answer · 2013-09-17T16:54:18.787

5

Edit

Sorry - just checked. The option should not be all lowercase - it should be camel case like so:

$('#ChnageLnk').on('click',function(){
   $('#SelectD').select2({ maximumSelectionSize: 1 });
});

edited Sep 17 '13 at 16:54

answered Sep 17 '13 at 16:35

mccannf

1

It's not proper answer ( also, question title isn't relevent ). Because it doesn't "set maximumselectionsize dynamically". It recreates `select2` with one param. If you have set more options-params/have dynamic data/etc. - you lose all. It's not common solution. – voodoo417 Jul 13 '17 at 00:56

score 0 · Answer 3 · answered Sep 24 '13 at 13:51

0

$('#ChnageLnk').on('click',function(){ $('#SelectD').select2({ maximumSelectionSize: 1 }); });

answered Sep 24 '13 at 13:51

Mahesh Reddy

score 0 · Answer 4 · answered Sep 11 '20 at 17:54

0

This should works with the old 3.5 library

if($('#SelectD').data('select2') !== 'undefined') {
   $('#SelectD').data('select2').opts.maximumSelectionSize = 4;
}

answered Sep 11 '20 at 17:54

Vladimir Krasikov

score 0 · Answer 5 · edited Oct 05 '20 at 17:37

0

This works for me:

$('#ChnageLnk').on('click',function () {
    $('SelectD').select2({ //re-init
        maximumSelectionLength: 1
    });
});

edited Oct 05 '20 at 17:37

Qiniso

answered Oct 05 '20 at 10:39

Muhammad Jamil AJ

5 Answers5