Django Ajax выпадающий список Select2 не возвращает данные

Имеется выпадающая форма, которую я создал с помощью ajax. Форма работает без использования тега Select2 и возвращает данные. Но когда я ввожу тег select2, она не показывает детали, которые должны быть отображены в соответствии с выбором.

Я использую select2 для всех полей select в системе. Поэтому я определил тег select2 в шаблоне макета следующим образом.

<script>

   $('.select').select2({
        allowClear: true
    });

</script>

Вот мой код ajax :

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$("#id_worksite_id").change(function () {
    const url = $("#subunitForm").attr("data-subunit-url");  
    const worksiteId = $(this).val();  
    

    $.ajax({                    
        url: url,                   
        data: {
            'worksite_id': worksiteId       
        },
        success: function (data) {  
            $("#id_upper_subunit_id").html(data);  
        }
    });

});

Спасибо за помощь, наилучшие пожелания

Вернуться на верх