select2 dynamic input and add element

<form action="{{ route('transactions.store') }}" id="form2">
    @csrf
    <div class="form-group row">
        <label for="item_id" class="col-sm-2 col-form-label pr-0">Nama Barang </label>
        <div class="col-sm-4">
            <select class="js-example-data-ajax form-control" name="name[]">
            </select>
        </div>
        <div class="col-sm">
            <input type="text" class="test2 form-control form-control-sm" name="desc">
        </div>
        <div class="col-sm">
            <input type="text" class="test3 form-control form-control-sm" name="link">
        </div>
        <div class="col-sm">
            <button type="button" name="adding" id="add" class="btn btn-sm btn-success">Add</button></td>
        </div>
    </div>
    <div id="form2">
    </div>
</form>
<script>
    $(document).ready(function () {
        var count = 1;
        dynamic_field(count);
        function dynamic_field(number) {
            html = '<div class="form-group row" id="row_form">';
            html += `<label for="item_id" class="col-sm-2 col-form-label pr-0">Nama Barang </label>`;
            html += `
            <div class="col-sm-4">
                <select class="js-example-data-ajax form-control" name="name[]">
                </select>
            </div>
            <div class="col-sm">
                <input type="text" class="test2 form-control form-control-sm" name="desc">
            </div>
            <div class="col-sm">
                <input type="text" class="test3 form-control form-control-sm" name="link">
            </div>`;
            if (number > 1) {
                html += `
                <div class="col-sm">
                    <button type="button" name="remove" id="remove" class="btn btn-danger">Remove</button>
                </div>
                `;
                $('#form2').append(html);
            } else {
                html += `
                <div class="col-sm">
                    <button type="button" name="adding" id="add" class="btn btn-success">Add</button></td>
                </div>
                `;
                $('#form2').html(html);
            }
        }
        $(document).on('click', '#add', function () {
            count++;
            dynamic_field(count);
        });
        $(document).on('click', '#remove', function () {
            count--;
            $(this).closest("#row_form").remove();
        });
    });
</script>