select2 set multiple selected values

Question

I have the following select2:

<select id="e1" multiple style="width: 250px;" name="attributes[]">
    <?php if(isset($vars['attributes'])):?>
        <?php foreach($vars['attributes'] as $attribute):?>
            <option value="<?php echo $attribute['id'];?>"><?php echo $attribute['name'];?></option>
        <?php endforeach;?>
    <?php endif;?>
</select>

Now i load some of the data via. Ajax:

which lists the following array:

enter image description here

Now i wish to add these 3 as selected values to my select2.

How do i do that?

update

HEre is my code so far:

    var _lst = document.getElementById('e1');
var optCount = _lst.options.length;
for (var i=0 ; i<data['attributes'].length; i++){
    var opt = new Option(data['attributes'][i]['name'],data['attributes'][i]['id']);
    _lst.options[optCount+i] = opt;
}

Etienne · Accepted Answer · 2015-01-26 12:34:45Z

1

A very simple way : jsFiddle example

I'm not sure about your attributes type and structure (json ? array ?) You can amend the code for your purpose.

answered Jan 26, 2015 at 12:34

Etienne

6553 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Marc Rasmussen Over a year ago

The picture is taking from the debugger in PHPStorm. however it will be encoded into json

Marc Rasmussen Over a year ago

Wait i can see it adds it to the option list but does not set it as selected

Marc Rasmussen Over a year ago

it still doesnt add them as selected in your JS fiddle or is mine cached?

Etienne Over a year ago

if you're ok with this answer, could you please mark it as valid with the green tick ? Many thanks ;)

Collectives™ on Stack Overflow

select2 set multiple selected values

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related