SELECT2プラグインは、5

Question

は、私は私がつけたタグとヘッド部分の複数選択ボックスを使用したいlaravelでは動作しません：

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 

マイビュー：

<div> 

{!! Form::label('tags','Select Tags:') !!} 
<select class="form-control select2-multi" multiple="multiple" name="tags"> 

@foreach（ $タグとして$タグ）

<option value='{{ $tag->id }}'>{{ $tag->name }}</option> 

@endforeach 

</select> 

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

、私はこれを取得ブラウザで： enter image description here

Answer 1

$(document).ready(function() { 
 
    $(".js-example-basic-single").select2(); 
 
    $(".js-example-basic-multiple").select2(); 
 
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
 
<br> 
 
<strong>Single Select</strong> 
 
<select class="js-example-basic-single form-control"> 
 
    <option value="AL">Alabama</option> 
 
    <option value="WY">Wyoming</option> 
 
</select> 
 
<br><br> 
 
<strong>Multi Select</strong> 
 
<select class="js-example-basic-multiple form-control" multiple> 
 
    <option value="AL">Alabama</option> 
 
    <option value="WY">Wyoming</option> 
 
</select>

それは完全に正常に動作しています。私はこれを追加しました

1. は複数選択オプションのための単一の選択js-example-basic-singleオプション
2. js-example-basic-multipleため