下拉列表中的搜索栏 Laravel

Question

如何在 Laravel Blade 的下拉列表中创建搜索栏选择选项表单？

这是我的观点：

<div class="col-md-9">                                                     
    <select style="width:100%;margin-bottom:10px;" class="form-control"  name="idclient">                                                       
        <option >Sélectionner un client</option>  
        @foreach($clients as $client )                                                        
        <option value="{{ $client->id_client }}">{{ $client->clientname }}</option>                                                  
        @endforeach
    </select>                                                     
</div>

我尝试了课程

select2

，但不起作用。

Answer 1

你可以使用“native html”来处理这个问题，使用

<datalist>

来实现它。

就你而言，

<div class="col-md-9">                                                     
    <select style="width:100%;margin-bottom:10px;" class="form-control"  name="idclient">                                                       
        <option >Sélectionner un client</option>  
        @foreach($clients as $client )                                                        
        <option value="{{ $client->id_client }}">{{ $client->clientname }}</option>                                                  
        @endforeach
    </select>                                                     
</div>

你可以使用

<datalist>

代码将是

<div class="col-md-9">
    <input list="clientsList" style="width:100%;margin-bottom:10px;" class="form-control" name="idclient" placeholder="Sélectionner un client">
    <datalist id="clientsList">
        @foreach($clients as $client)
            <option value="{{ $client->id_client }}">{{ $client->clientname }}</option>
        @endforeach
    </datalist>
</div>

希望有帮助，抱歉英语不好。