Select2 preselect val array parse just first value of array

Question

I cannot understand why Select2 is parsing just the first value of the val() Array. I have tried with Select2 v4.0.3 Whether the count of values in the array, Select2 still show only the first value of the Array.

So, I need to populate Select2 field on Event (modal.open), which is mostly the same as populate Button.on('click').

var checkList = [2, 4, 5, 7];
$("#update").on('click', function() {
  $("#list").select2().select2('val', checkList);
})

jsfiddle

Possible duplicate of [Select2 can't set multiple value](http://stackoverflow.com/questions/24905607/select2-cant-set-multiple-value) — u_mulder, Dec 19 '16 at 07:14

score 2 · Accepted Answer · answered Dec 19 '16 at 07:58

2

Do it this way:

  var checkList = [2, 4, 5, 7];
  $("#update").on('click', function() {
        $("#list").val(checkList).trigger("change");
  });

Updated jsfiddle

answered Dec 19 '16 at 07:58

Asad Sarwar

533
3
10

Thanks it did the job in Fiddle. – sealview Dec 19 '16 at 10:20

score 1 · Answer 2 · answered Dec 19 '16 at 08:55

The method $("select").select2("val", "1"); is Deprecated instead of using this method try to use the updated one $("select").val("1").trigger("change");

Refer the link https://select2.github.io/announcements-4.0.html#removed-methods

$(document).ready(function() {
  $("#list").select2({
    maximumSelectionLength: 4,
    placeholder: "Click 'Update'",
    allowClear: true,
    data: [{
      id: 1,
      text: "ABBOUD NIDAL"
    }, {
      id: 2,
      text: "ABDULLA AMER-RAUL"
    }, {
      id: 3,
      text: "AL MOMANI RACAN"
    }, {
      id: 4,
      text: "ALEXANDRESCU BOGDAN"
    }, {
      id: 5,
      text: "ALEXANDRU DARIA MARIA"
    }, {
      id: 6,
      text: "ANASTASE ANTONIA"
    }, {
      id: 7,
      text: "ANGHEL DIANA"
    }, {
      id: 8,
      text: "AROSCULESEI IONUT"
    }, {
      id: 9,
      text: "ASANDEI ANDREI"
    }, {
      id: 10,
      text: "AXINTE ANDREEA GABRIELA"
    }, {
      id: 11,
      text: "BADESCU IOANA"
    }, {
      id: 12,
      text: "BALACI SEBASTIAN"
    }, {
      id: 13,
      text: "BANI-MENYAH LARA"
    }, {
      id: 14,
      text: "BEJENARU ANDREI"
    }, {
      id: 15,
      text: "BERBECEL ALEXANDRU"
    }, {
      id: 16,
      text: "CANAL ALEXANDRE"
    }, {
      id: 17,
      text: "CAPILNEAN ADINA"
    }, {
      id: 18,
      text: "CHECHERITA EDUARD ANDREI"
    }, {
      id: 19,
      text: "CIOBANU CATALIN GABRIEL"
    }, {
      id: 20,
      text: "CIUCU TUDOR ANDREI"
    }]
  });
  var checkList = ["2", "4", "5", "7"];
  $("#update").on('click', function() {
    $("#list").val(checkList).trigger("change");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<select multiple="multiple" id="list" name="nombres">
</select>
<br>
<button id="update">Update</button>

Select2 preselect val array parse just first value of array

2 Answers2