Почему функция поиска select2 не работает при загрузке динамического раскрывающегося списка [закрыто] ⇐ Jquery

[Anonymous]

У меня есть раскрывающийся список подразделений при динамическом выборе подразделения, район загружается на основе подразделения. Когда вы выбираете район, он загружается динамически. Но проблема в том, что динамический раскрывающийся список - поиск select2 не работает
Вот мой код, который я пробовал, но функция поиска не работает. Пожалуйста, подскажите, что нужно изменить для динамического поиска раскрывающегося списка

$(document).ready(function() {
// Initialize Select2 for course dropdown
$('#division_id').select2({
placeholder: "Please Choose..",
tags: true,
allowClear: true,
width: '100%'
});

// Initialize Select2 for subject dropdown
$('#district_id').select2({
placeholder: "Please Choose..",
tags: true,
allowClear: true,
width: '100%',
minimumInputLength: 0, // Allow searching immediately without any minimum length requirement
ajax: {
url: function() {
// If division is not selected, return an empty string as URL
if (!$('#division_id').val()) {
return '';
}
return '/get-districts/' + $('#division_id').val();
},
dataType: 'json',
processResults: function(data) {
return {
results: $.map(data, function(district) {
return {
id: district.id,
text: district.name,
};
}),
};
},
},
});

// Initialize Select2 for chapter dropdown
$('#thana_id').select2({
placeholder: "Please Choose..",
tags: true,
allowClear: true,
width: '100%',
minimumInputLength: 0, // Allow searching immediately without any minimum length requirement
ajax: {
url: function() {
// If district is not selected, return an empty string as URL
if (!$('#district_id').val()) {
return '';
}
return '/get-thanas/' + $('#district_id').val();
},
dataType: 'json',
processResults: function(data) {
return {
results: $.map(data, function(thana) {
return {
id: thana.id,
text: thana.name,
};
}),
};
},
},
});

// Handle district dropdown open event
$('#district_id').on('select2:open', function() {
$('#district_id').select2('open');
$('.select2-search__field').focus(); // Focus on search input
});

// Handle thana dropdown open event
$('#thana_id').on('select2:open', function() {
$('#thana_id').select2('open');
$('.select2-search__field').focus(); // Focus on search input
});

// Handle division change event
$('#division_id').on('change', function() {
$('#district_id').val(null).trigger('change');
$('#thana_id').val(null).trigger('change');
});

// Handle district change event
$('#district_id').on('change', function() {
$('#thana_id').val(null).trigger('change');
});

});



Подробнее здесь: https://stackoverflow.com/questions/784 ... down-value