在我的jQuery select2搜索选项没有出现

问题描述

我在模态内使用Jquery select2（）。我包含了链接int布局文件，页面从中获取布局

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" 
rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

我的模态代码在这里：

<div class="modal-body">
                <select class="js-example-basic-single button3" name="state">
                    @foreach($brands??array() as $brand)
                        <option>
                            <div role="listitem" class="quicklinks__item quicklinks__item--nav w-dyn-item" style="width: 300px;">
                                <a id="Nav-Quicklink" href="/vehicles?brand={{ $brand->slug }}"
                                    class="quicklinks__link w-inline-block"><img
                                            src="{{url($brand->photo??'')}}"
                                            alt="Bugatti" class="quicklinks__logo" />
                                    <div class="quicklinks__details">
                                        <div class="quicklinks__title">{{ $brand->name }}</div>
                                    </div>
                                </a>
                            </div>
                        </option>
                    @endforeach
                </select>
            </div>

在此文件中，我在脚本标记中添加了jquery：

<script>
    $(document).ready(function() {
        $('.js-example-basic-single').select2();
    });
</script>

但是没有出现搜索框。仅出现选择列表。

出了什么问题？如何获得搜索框？ TIA。 该文件为here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）