Django Ajax Dropdown Select2 not return data

Question

There is a dropdown form that I created with ajax. The form works without using the Select2 tag and returns data. But when I enter the select2 tag, it does not show the detail that should be displayed according to the selection.

I use select2 for all select fields in the system. That's why I defined the select2 tag on my layout template like this.

<script>

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

</script>

Here is my ajax code :

<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);  
        }
    });

});

Thank you for your help, best regards