在单击select2 js时进行按钮操作答案

【问题标题】：Making button action on click on select2 js在单击select2 js时进行按钮操作
【发布时间】：2021-11-03 07:23:37
【问题描述】：

我真的在寻找任何方向或帮助，在我下面的代码中，当按钮 “添加新项目” 被点击。

$('#my_select').select2({
       placeholder: 'Name',
       tags : true,
         createTag: function (params) {
    return {
      id: params.term,
      text: params.term,
      newOption: true
    }
  },
   templateResult: function (data) {
    var $result = $("<span></span>");
    $result.text(data.text);
    if (data.newOption) {
      $result.append("<button class='add btn btn-secondary btn-sm ml-10'> + Add New Item</button>")
    }
    return $result;
  },
    });

谢谢。

【问题讨论】：

向它添加一个点击事件处理程序 ... // 使用 事件委托 可能是个好主意，因为这样您“找到”新按钮就不会有问题了元素，也不需要使用内联事件处理程序。

标签： javascript jquery jquery-select2

【解决方案1】：

我在这里看到了两种方法：

您可以直接将传递onclick 属性分配给按钮
将 id 传递给按钮，并使用 jQUery 将 click event 附加到 id

【讨论】：