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()