Javascript 选择2占位符UI

如果您看到屏幕截图，当我使用占位符select2 for multiple select box时。当我从选择框中选择某个内容时，它工作正常，但当我看到默认占位符时

我正在做的事情：我需要显示select2框的占位符， 如何解决这个高度问题

$('#search_user_events').select2({
            placeholder: 'Select events',
            multiple: true,
            allowClear: true,
            dropdownAutoWidth: true,
            width: '100%'
        });

---

您的问题取决于第一个选项：默认为空并选中

您可以结合并更改事件：

$“搜索用户事件”。选择2{ 占位符：“选择事件”， 多重：对， allowClear:是的， dropdownAutoWidth:true， 宽度：“100%” }.关于“改变”，函数e{ $”。选择2-search__字段。切换类别“mcenter”，选择$this.val.length

<select class="form-control" id="search_user_events" name="search_user_events">
                                                    <option></option>
                                                    @foreach($events as $key => $event)
                                                        <option value="{{$event->id}}">{{$event->name}}</option>
                                                    @endforeach
                                                </select>