자림이

오늘 개발하면서 $(document).on을 사용하였는데 동적으로 늘어나는 태그만큼 이벤트가 발생하여 해결방법을 찾고 포스팅해볼께요.

$(document).on("change","select[name='predlstLclas']",function(){

});

selectbox가 동적으로 늘어나는데 늘어나는 수 만큼 change가 발생하는 현상을 발견하였어요.

해결 방법은 간단해요.

$(document).off().on("change","select[name='predlstLclas']",function(){

});

off를 적용을하면 해당 이벤트만 발생하네요.

이게 이벤트가 대체되는게 아니라 중복이 되어서 생성된 이벤트 만큼 반복을 하게되었네요.