如何在div标签内添加占位符

问题描述

如何在div标签中为下拉菜单添加占位符？我有一个从另一个blade.php调用的下拉菜单，我用

<div class="col-md-4 dropdowns">
    @include('applicants.for-deployment.fields_edit_rider_type')
</div>

尝试插入

<select>
    <option value="" disabled selected hidden>Select Rider Type</option>
</select>  

但这使我的下拉列表变得一团糟。所以我想知道如何为下拉菜单插入一个占位符？我可以在div标签中做到吗？

更新：

Output with my current code

Output with select and option tags

解决方法

如果您的php生成了选项元素列表，则可以通过以下方式创建菜单：

<select>
    <option value="" disabled selected hidden>Select Rider Type</option>
    @include('applicants.for-deployment.fields_edit_rider_type')
</select>

如果php生成的下拉列表不在select元素中，则您必须提出一个自定义解决方案以创建自己的占位符

,

更改为该列表并列出您选择的低音

<div class="col-md-4">
   @include('applicants.for-deployment.fields_edit_rider_type',['mylists' => $mylists,'selecte_id'=>$selecte_id])
</div>

您的刀片服务器下拉列表中的

<select class="dropdowns">
    <option value="" disabled selected hidden>Select Rider Type</option>
       @forelse($mylists as $mylist)
           <option value="{{ $mylist->id }}" {{ $selecte_id == $$mylist->id ? 'selected' : '' }}> {{ $value }}</option>
       @empty
              <option value="" disabled>No Data</option>
       @endforelse
    </select>