选择2调用函数，并在附加数据中选择select2

Question

我使用Select2来选择表单中的选项。

capture-1

表单是动态的，因此当我点击添加按钮时会添加新行。

capture-2

我遇到的问题是该功能仅适用于初始行，而不适用于辅助行。

$('.select2').on("select2-selecting", function(e) { 
       alert(“HELLO”);
});

有什么想法吗？问候

Answer 1

每次将新的select2元素添加到DOM时，您都需要添加/重新启用事件处理。

将其包裹在一个函数中，并在添加行后调用它。

function initSelectEvent(){
    // reset the previous event handlers on existing selects
    $('.select2').off("select2-selecting") 
    // enable again including the newly added
    $('.select2').on("select2-selecting", function(e) { 
        // your code to handle selected item
   });
}

/// in your code that adds the new row

...
initSelectEvent()