Select2 + ajax. Как добавить data атрибут в option?

Question

[Александр]

Есть поле select2 в форме. Туда средствами select2 + ajax подгружаются options

var select2Element = $('.select2');
$.ajax({
    url: 'path-to-data',
    success: function (response) {
        select2Element.empty();
        response.options.forEach(function (el) {
            var newOption = new Option(el.value, el.id);
            select2Element.append(newOption).trigger('change');
        });
    }
});

Все работает нормально, но понадобилось к каждой опции добавить data атрибут с дополнительными данными. Как это можно сделать??

Comments

[dicem]

Ну собственно тут: http://jquery.page2page.ru/index.php5/Работа_с_атр...
Прям по полочкам работа с атрибутами.

[Александр]

dicem, Спасибо. Искал сложный путь, а он оказался прост до безумия.

Answer 1

[Павел Корнилов]

Как вариант решения:

var select2Element = $('.select2');
$.ajax({
    url: 'path-to-data',
    success: function (response) {
        select2Element.empty();
        response.options.forEach(function (el) {
            select2Element.append(
						'<option data-attr="' + value + '>' // etc
						).trigger('change');
        });
    }
});