Select2 多个选择框不起作用答案

【问题标题】：Select2 Multiple select boxes not workingSelect2 多个选择框不起作用
【发布时间】：2017-11-20 18:50:35
【问题描述】：

我使用 Select2 作为 laravel 项目的一部分。我遇到的问题是它没有响应。这是一张图片。

这是学校的盒子。这看起来不对。下面是我的代码。

{{ Form::label('schools', 'Schools:') }}
                  <select class="form-control multi" name="schools"    multiple="multiple">
                          @foreach($schools as $school)
                            <option value='{{ $school->id }}'>{{ $school->name }}</option>
                          @endforeach
          </select>




          {{ form::label('email', 'Email:') }}
          {{ form::text('email', null, array('class' => 'form-control', 'required' => '')) }}

          {{ form::submit('Create New Member', array('class' => 'btn btn-success btn-lg btn-block', 'style' => 'margin-top: 20px;')) }}

        {!! Form::close() !!}
    </div>
  </div>

   @endsection

   @section('scripts')

   {!! Html::script('js/parsley.min.js') !!}
   {!! Html::script('js/select2.min.js') !!}

   <script type="text/javascript">
       $('.multi').select2();
   </script>

【问题讨论】：

在 document.ready 中调用 select2
@section('scripts') 在哪里添加到响应输出中（例如，在 html 页面结构中）？是在<head> 吗？还是在底部，靠近</body>？如果它位于 .multi 元素之前的任何位置，则必须将其包装在 window.onload 或 document.ondomready 事件处理程序中（后者在 jQuery 中有各种形式）。

标签： javascript css jquery-select2 laravel-5.4

【解决方案1】：

您尝试过 Aravindh Gopi 的建议吗？将您的脚本标签替换为：

<script type="text/javascript">
    $(document).ready(function () {
        $('.multi').select2();
    });
</script>

确保上面的脚本写在正文关闭标记之前

【讨论】：