Как я могу добавить select2 в динамически добавляемый выпадающий

Question

Я хочу добавить несколько выпадающих меню [] динамически, а также хочу выбрать select2, так как выпадающий список будет намного больше по длине. Я попробовал следующий код, но он не работает, как ожидалось. Например, класс select2 добавляется в выпадающий список, но функциональность не работает, поэтому, пожалуйста, помогите мне сделать это,

заранее спасибо

<div class="form-group col-md-12 add_more">
    <label for="">Select Video</label>
    <select class="form-control select2" name="video_id[]" required>
        <option value="">Select Video</option>
        <?php $pdo = Database::connect();$sql = "SELECT * FROM video ORDER BY video_id DESC";foreach ($pdo->query($sql) as $data_video) {?>
        <option value="<?php echo $data_video['video_id']; ?>">
            <?php echo $data_video['video_id']; echo " - "; echo $data_video['video_title']; ?>
        </option><?php } ?>
    </select>
    <br>
</div>

<script>
    $(document).ready(function () {

        var max_fields = 100; //Maximum allowed input fields 
        var wrapper = $(".add_more"); //Input fields wrapper
        var add_button = $(".add_fields"); //Add button class or ID
        var x = 1; //Initial input field is set to 1

        //When user click on add input button
        $(add_button).click(function (e) {
            e.preventDefault();
            //Check maximum allowed input fields
            if (x < max_fields) {
                x++; //input field increment
                //add input field
                $(wrapper).append(
                    '<div class="col-md-12" style="padding:0"><select class="form-control select2" name="video_id[]" required><option value="">Select Video</option><?php $pdo = Database::connect();$sql = "SELECT * FROM video ORDER BY video_id DESC";foreach ($pdo->query($sql) as $data_video) {?><option value="<?php echo $data_video['
                    video_id ']; ?>"><?php echo $data_video['
                    video_id ']; echo " - "; echo $data_video['
                    video_title ']; ?></option><?php } ?></select><a href="javascript:void(0);" class="remove_field">Remove</a></div>'
                );
            }
        });

        //when user click on remove button
        $(wrapper).on("click", ".remove_field", function (e) {
            e.preventDefault();
            $(this).parent('div').remove(); //remove inout field
            x--; //inout field decrement
        })

        $('.select2').select2({
            placeholder: "Select video Title",
            allowClear: true
        });

        $('body').on('DOMNodeInserted', 'select', function () {
            $(this).select2();
        });


    });
</script>