Add data-x and data-y to option

[m...@nagkumar.com]

Hi,
I am using select2 and initializing it using an array of objects. It has 4 values, "id", "text", "x" and "y".

items = [{
"id": 1,
"text": "text1",
"x": 10,
"y": 20
},{
"id": 2,
"text": "text2",
"x": 15,
"y": 25
}];
$("#objects").select2({
data: items,
tags: true,
maximumSelectionSize: 1,
placeholder: "Search for product",
allowClear: true,
maximumSelectionLength: 5
});

I want the "x" and "y" to be the data attributes in HTML. Like this:
<select id="objects">
<option value="1" data-x="10" data-y="20">text1</option>
<option value="2" data-x="15" data-y="25">text2</option>
</select>

Is there any way that I can achieve this?

[Guilhem Fabre]

Hello,

Same question here :) I need to add custom data- attributes on the options generated by Select2 after a remote load.

Thx

[dan...@riipl.com]

Bump. Need this too.

[p.steph...@gmail.com]

The only thing I can think of, from the docs, would be to use the templateResult method to customize the Option elem.