Select option custom attribute

[Sabyrzhanuly]

How to add custom attribute to option and detect on change?

[sa-si-dev]

How to add custom attribute to option and detect on change?

As of now, we could set only value and label properties in the options details.

I will support to add custom data with options details in the future release.

[sa-si-dev]

@Sabyrzhanuly you can set customData with options details and it would be returned on getSelectedOptions() method call.

VirtualSelect.init({
  ele: '#sample-select',
  options: [
    { label: 'Options 1', value: '1', customData: 'text' },
    { label: 'Options 2', value: '2', customData: 6 },
    { label: 'Options 3', value: '3', customData: { cv1: true } },
  ],
});

This feature is available in the release v1.0.26

[pjasminejeni]

Hello, If we need to add customData directly to the options instead of initiating from jquery, What I should do? Say,

Thanks in advance :-)

[sa-si-dev]

Hello, If we need to add customData directly to the options instead of initiating from jquery, What I should do? Say,

Thanks in advance :-)

@pjasminejeni you can use options[].customData

[pjasminejeni]

Thank you @sa-si-dev :-)
It will be better if I get an example :-D