如何在JS文件中使用kartik select2

Question

我有一些選擇菜單是在頁面上動態生成的，我想用kartik select2替換所有HTML5選擇菜單，在第一個選擇菜單下的圖像中是靜態菜單，我只是將select2放在我的php表單中，另一個是動態的，我通過單擊添加按鈕生成了它們，現在我想將HTML5選擇更改為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({

標簽：“ true”，占位符：“選擇選項”，allowClear：true}）+

            '</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);
}

我想將代碼中的select選項更改為kartik select2，我嘗試過這種方法，但是沒有運氣。 我在我的選擇標記中添加了類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
});