merhaba, varyant ekle ekranında butona tıklayıp input dinamik ekletiyorum ama select2 class ya da css özelliği kayboluyor yani form-control özelliği siliniyor olabilir bu konuda yapmak istediğim type_id olarak Ürün Tipi 1 - Kıyafet, 2 - Ayakkabı , 3-Tek Ebat olarak sizeOption lar tanımlı ama select2 özelliği $("#size_id").select2(); yapmama rağmen özellik kayboluyor. Select2 yi nasıl append edebilirim ? yada form repeat js de yeni bir varyant grubu ekleyince select özelliği siliniyor.
$(document).ready(function() {
const sizeOptions = {
'clothing': [
{ value: 'XXL', text: 'XXL' },
{ value: 'XL', text: 'XL' },
{ value: 'L', text: 'L' },
{ value: 'M', text: 'M' },
{ value: 'S', text: 'S' }
],
'shoes': [
{ value: '42', text: '42' },
{ value: '41', text: '41' },
{ value: '40', text: '40' },
{ value: '39', text: '39' },
{ value: '38', text: '38' }
],
'standard': [
{ value: '3', text: 'Standart Ebat' },
]
};
// Select2'yi başlat
$('#type_id').select2();
$('#size_id').select2();
$('#type_id').on('change', function() {
let selectedType = $(this).val();
let sizeSelect = $('#size_id');
// Mevcut beden seçeneklerini temizle
sizeSelect.empty().append('<option value=""></option>');
// Seçilen tür bazında beden seçeneklerini ekle
if (selectedType == '1') { // '1' kıyafet için
sizeOptions['clothing'].forEach(function(size) {
sizeSelect.append(new Option(size.text, size.value));
});
} else if (selectedType == '2') { // '2' ayakkabı için
sizeOptions['shoes'].forEach(function(size) {
sizeSelect.append(new Option(size.text, size.value));
});
} else if (selectedType == '3') { // '3' standart için
sizeOptions['standard'].forEach(function(size) {
sizeSelect.append(new Option(size.text, size.value));
});
}
// Select2'yi güncelle
sizeSelect.select2(); // Select2'yi güncelle
});
});