demo

@foreach($product_variants as $product_variant)
                    <div class="col-12 ac">
                      <div class="row mb-2">
                        <div class="col-9">
                          <select name="size_id{{$product_variant->id}}[]" id="" class="form-select">
                            <option value="{{$product_variant->size_id}}" hidden>{{$product_variant->size->name}}</option>
                            @foreach($sizes as $size)
                            <option value="{{$size->id}}">{{$size->name}}</option>
                            @endforeach
                          </select>
                        </div>
                        <div class="col-3 text-end">
                          
                          <a class="btn btn-danger my_delete_btn" href="{{url('/product_variant_delete',$product_variant->id)}}">Delete</a>
                        </div>

</div>
                    </div>
                    @endforeach
          
<script>
document.addEventListener('DOMContentLoaded', function () {
    var deleteButtons = document.querySelectorAll('.my_delete_btn');

deleteButtons.forEach(function (button) {
        button.addEventListener('click', function (event) {
            event.preventDefault();
            var url = button.getAttribute('href');
            $.ajax({
                url: url,
                type: 'GET',
                dataType: 'json',
                success: function (response) {
                    if (response.success) {
                        var productVariantDiv = button.closest('.ac');
                        productVariantDiv.remove();
                    }
                },
                error: function (error) {
                    console.error('Error deleting product variant:', error);
                }
            });
        });
    });
});
</script>
          
    Route::get('/product_variant_delete/{id}', [ProductVariantController::class, 'product_variant_delete']);
          
    public function product_variant_delete(Request $request, $id){
        $data = ProductVariant::find($id);
        $data->delete();
        if ($request->ajax()) {return response()->json(['success' => true]);}
        return back();
    }