Не могу установить data атрибут

97
30 сентября 2021, 23:10

Есть select, который используется с плагином select2. И мне надо использовать свои атрибуты.

<select name="city" 
class="custom-select" required>
<option value="" data-main="1">1</option>
<option value="" data-main="2">2</option>
</select>

После инициализации моих дата атрибутов (data-main) нет. Как правильно сделать, чтобы после инициализации они были?

Инициализация:

$('.custom-select').select2({
    dropdownCssClass: 'select-city-dropdown'
});
Answer 1

Пример: jsfiddle

"Достучаться" до дата атрибутов в вашем случае можно так:

$('select').on('change',function(e){
    let dataMain = $(this).select2('data')[0].element.dataset.main;
    console.log(dataMain);
});

з.ы. на jsfiddle выложил т.к. тут редактор почему-то не воспринимает файл select2.full.min.js

READ ALSO
Не добавляеться класс через jQuery [закрыт]

Не добавляеться класс через jQuery [закрыт]

Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение

70
Не работает pagination Owl Carousel

Не работает pagination Owl Carousel

Не работают кнопки owl-prev owl-next owl-dotsУ меня подключён jQuery 2

155
Наращивание функционала asp.net mvc

Наращивание функционала asp.net mvc

Только начал изучать aspnet mvc

172