1. Gerekli dosyaların dahil edilmesi 4. Select2 kütüphanesini kullanabilmek için öncelikle gerekli CSS ve JS dosyaları dahil edilmelidir 4.
2. Select2 kullanımı 4.

• Var olan bir select'i Select2'ye dönüştürmek 4. Bir <select> öğesini Select2 ile dönüştürmek için aşağıdaki jQuery komutu kullanılabilir 4:

$("#standartSelect").select2();
Kopyala

• Width option select 4. Select2'nin genişliğini ayarlamak için

  width

  parametresi kullanılabilir 4.

$("#widthOptionSelect").select2({
   width: "100%"
});
Kopyala

• Placeholder kullanımı 4. Bir Select2 öğesi için placeholder metni ayarlamak için aşağıdaki kod kullanılabilir 4:

let placeholderSelectOption = {
   placeholder: {
       id: '-1',
       text: 'Seçiniz'
   },
   width: '100%'
};
$("#placeholderSelect").select2(placeholderSelectOption);
Kopyala

• Disabled seçenekler 4. Select2'de bir seçeneği devre dışı bırakmak için

  disabled

  özelliği kullanılabilir 4.

<option value="2" disabled>Seçenek 2</option>
Kopyala

• Dinamik veri ile Select2 4. Dinamik veri ile bir Select2 oluşturmak için veri,

  data

  parametresi ile iletilebilir 4.

var selectData = [
   { id: 1, text: 'Seçenek 1' },
   { id: 2, text: 'Seçenek 2' },
   { id: 3, text: 'Seçenek 3', selected: true },
   { id: 4, text: 'Seçenek 4', disabled: true },
   { id: 5, text: 'Seçenek 5' }
];
$("#dynamicSelect").select2({
   data: selectData,
   width: '100%'
});
Kopyala

• select2.org 1;
• medium.com 2;
• youtube.com 3;