Dodawanie atrybutów "data-" z select2

Question

Widziałem wiele przykładów tagów opcji Select2 ustawionych z atrybutami "data-" i chciałbym to zrobić.

Używam ajax do pobierania danych. Dostaję ID i TEXT potrzebne do zbudowania selekcji.

Ale jak mogę dodać więcej atrybutów do niego?

Po prostu nie znalazłem sposobu na ich dodanie.

$(element).select2({ 
    placeholder: 'Select one...', 
    width: '100%', 
    minimumInputLength: 2, 
    ajax: { 
     url: '/my/url', 
     dataType: 'json', 
     data: function(params) { 
      return { 
       q: params.term, 
       page: params.page 
      }; 
     }, 
     processResults: function(data, page) { 
      console.log(data); 
      return { 
       results: data 
      }; 
     }, 
     cache: true 
    } 
}); 

Answer 1

To rozwiązanie dotyczy wersji Select2 4.0 lub nowszej.

Założenie, że atrybuty, o których mówisz, są załadowane do tablicy, z której powracasz w processResults. Na przykład, jeśli wybierasz rekord, taki jak ("id": 1, "tekst": "jakiś tekst", "custom_attribute": "hello world")

Następnie na imprezie zmiany możesz zrobić:

data=$("#selector").select2('data')[0]; 
console.log(data.custom_attribute);//displays hello world 

Nadzieja to pomaga ..

Answer 2

Nie jestem pewien, co dokładnie pytasz, ale jeśli chcesz dodać dane atrybutów można zrobić tak ..

w jQuery:

$(element).attr('data-info', '222'); 

w JavaScript:

document.getElementById('elementId').setAttribute('data',"value: 'someValue'");