Javascript 选择2个不工作的多个选择框

我正在使用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>

{{Form:：label（'schools'，'schools:'）}
@foreach（$schools作为$school）
{{$school->name}
@endforeach
{{form:：label（'email'，'email:'）}
{{form:：text（'email'，null，数组（'class'=>'form control'，'required'=>''）}
{form:：submit（'Create New Member'，array（'class'=>'btn btn success btn lg btn block'，'style'=>'margin top:20px；'））}
{！！Form:：close（）！！}
@端部
@节（“脚本”）
{！！Html:：script（'js/parsley.min.js'）
{！！Html:：script（'js/select2.min.js'）！！}
$（'.multi'）。选择2（）；

你试过阿拉文德·戈皮的建议吗？ 将脚本标记替换为：

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

$（文档）.ready（函数（）{
$（'.multi'）。选择2（）；
});

---

确保上面的脚本写在正文结束标记之前

调用select2 inside document.ready将

@section（'scripts'）

添加到响应输出中（例如，在html页面结构中）？它在

中吗？或者在底部，靠近

？如果它位于

.multi

元素之前的任何位置，则必须将其包装在

窗口中。onload

或

document.ondomready

事件处理程序（后者在jQuery中有各种形式）。