下拉切换不适用于 foreach 循环

如何解决下拉切换不适用于 foreach 循环

我执行 foreach 循环来显示项目，并且每个项目都有用于下拉菜单的按钮，但是当我点击它时列表没有出现。此代码在 foreach 之外工作。我该如何解决这个问题？

@foreach($type as $data)    
 <div class="col-2 mt-2">
    <a href="/item/detail/{{$data->id_items}}" style="text-decoration:none; color:black">
        <div class="card" style="width:100%">
            <img src="{{ url('img/item/'.$data->image) }}" class="card-img-top" alt="...">
            <div class="card-body p-1">
                <div class="dropend option" >
                    <ion-icon id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false" name="ellipsis-vertical"></ion-icon>
                    <form class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="#">Edit</a>
                        <a class="dropdown-item" href="#">Delete</a>
                    </form>
                </div>
                <p class="card-text text-center">
                    <span class="fw-bold fs-6">{{$data->name}}</span><br>
                    <span>{{$data->price}}</span>
                </p>
            </div>
        </div> 
    </a>
</div>
@endforeach