JSファイルでkartik select2を使用する方法

Question

私のページに動的に生成されるいくつかの選択メニューがあります。最初の選択メニューの下の画像で、すべてのHTML5選択メニューをkartik select2に置き換えたいのですが、私はちょうど私のPHPフォームにselect2を入れ、もう一つは動的です。私はaddボタンをクリックしてそれらを生成しました。今はHTML5のselectをkartik select2に変更したいのですが、どうすれば実現できますか？

function addColor(){ 
    var div = $(

    '<div class="col-md-offset-3 color2" style="padding-left:15px; border:1px solid red;">'+ 
     '<div class="row">'+ 
      '<div class="col-md-5" >'+ 
        '<div class=""><span class="text-muted">Color</span></div>'+ 
        //'<div class="list-title-input"><input type="text" placeholder="Enter color!" ></div>'+ 
      $("select").select2({ 

タグ：、 "真" プレースホルダ： "オプションを選択"、 allowClear：）真 } +

  '</div>'+ 
      '<div class="col-md-5" >'+ 
         '<div class=""><span class="text-muted">Color photo</span></div>'+ 
         '<div class="btn btn-success fileUpload float-left" style="width:40px; height:35px;">'+ 
          '<span ><i class="glyphicon glyphicon-plus" ></i></span>'+ 
          "<input type='file' class='upload addPhoto' id='addPhoto'>&nbsp;&nbsp;"+ 
         '</div>'+ 
         //"<div class=\"color-image\"><img src="+url+name+" class=\"img img-thumbnail\"></div>"+ 
      '<div class="addMore" style="float:left; margin-left: 10px;"><a href="javascrip::void();">Add more</a></div>'+ 
      '&nbsp;&nbsp;<span class="remove" style="float:left; margin-left: 10px;"><a href="javascrip::void();">Remove</a></span>'+ 
      '</div>'+ 
     '</div>'+ 
    '</div>' 
    ); 
    $(".color1").append(div); 
} 

iはコード内の選択オプションを変更したいですkartik select2私はこの方法を試しましたが運がありません。私は私のselectタグにクラスSELECT2を追加し、私はこのコードを追加

$("#id").select2({ 
    tags: "true", 
    placeholder: "Select an option", 
    allowClear: true 
    }); 

Answer 1

をちょうどあなたのJSコードは、あなたの迅速な応答を

$(".common class").select2({ 
    tags: "true", 
    placeholder: "Select an option", 
    allowClear: true 
}); 

それとも

$("select").select2({ 
    tags: "true", 
    placeholder: "Select an option", 
    allowClear: true 
});