Select2 - 複数のselect2をテキストボックスとして使用

Question

select2 ajax機能を使用して、選択したフィールドにユーザーの電子メールを入力しています。 ユーザーのメールがない場合は、手動でメールを入力する必要があります。

$.ajax({ 
     url: url, 
     data: post_data, 
     type: "get", 
     dataType: 'json', 
     format: "json", 
     success: function(data){ 
      $.each(data.records, function(key, value) { 
      arr.push({id: value.email, text: value.first_name + " " + value.last_name + "-" + value.email}) 
      }) 
      $(".multiple_select_cc_dropdown").html('').select2({data: arr }); 
     }, 
     error: function(data){ 

     } 
     }); 

何のメール人口が存在しない場合、私は手動でメールアドレスを入力することができるはずです。ここ

は、私は下記のAJAX呼び出しを通じてSELECT2ドロップダウンでメールを移入していたコード

= f.collection_select :bcc_email_ids, Service::BccEmail.where("ticket_id = ?", @ticket.id), "email", :name_with_email, {selected: @ticket.bcc_emails.map(&:email)}, class: "form-control custom-select multiple_select_cc_dropdown", multiple: true 

ですテキストボックスとして？

Answer 1

タグを使用してください：select2関数の内側にtrue。

$.ajax({ 
     url: url, 
     data: post_data, 
     type: "get", 
     dataType: 'json', 
     format: "json", 
     success: function(data){ 
      $.each(data.records, function(key, value) { 
      arr.push({id: value.email, text: value.first_name + " " + value.last_name + "-" + value.email}) 
      }) 
      $(".multiple_select_cc_dropdown").html('').select2({tags: true,data: arr }); 
     }, 
     error: function(data){ 

     } 
     });