Question

我正在使用select2 ajax功能将用户电子邮件填充到选择字段中。当没有用户电子邮件时，我应该能够手动输入电子邮件。

这是代码

= 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

我通过下面给出的ajax调用在select2下拉列表中填充电子邮件：

$.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){

        }
      });

如果没有填充电子邮件，那么我应该可以手动输入电子邮件作为文本框？

Answer 1

在select2函数中使用tags：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){

        }
      });

Select2 - 使用多个select2作为文本框

1 个答案: