Add data attributes to the actual select options in select2

Asked Feb 23 '20 at 23:03

Active Feb 24 '20 at 06:48

Viewed 180 times

I'm populating a select2 with options from an array and it almost works the way I want, but I'd like to add data-attributes to the actual option tags, in addition to just value and option text. How do I do it?

var categories =
[
    {
        id: 0,
        text:'Category',
        "data-type": 'global'
    }
];

$('select').select2({data:categories});

asked Feb 23 '20 at 23:03

SeaBass

1,584
4
20
46

I think, you don't need the double quotes " for the data-* key in that object. – Bee Feb 23 '20 at 23:09
So `data-type: 'global'` ? – SeaBass Feb 23 '20 at 23:10
Yes, that should work. https://select2.org/configuration/data-attributes – Bee Feb 23 '20 at 23:10
Yeah, but that's not in an array. Removing them gives me `missing : after property` – SeaBass Feb 23 '20 at 23:12
1

How do I open this thread up again? The answer submitted is to pass FROM options not TO options. – SeaBass Feb 23 '20 at 23:14
Just use, { type: 'global' } , don't need 'data-' in keys – Bee Feb 23 '20 at 23:18
Thanks! Looks like it's still not adding them to the option tags though. – SeaBass Feb 23 '20 at 23:22
It adds id, text, selected, disabled but I haven't found a way for data attributes. – SeaBass Feb 23 '20 at 23:23

Add data attributes to the actual select options in select2

0 Answers0