동적으로 생성 된 드롭 다운 및 onChange jquery

Question

내 응용 프로그램은 ASP.net MVC3에 있습니다.

나는 원소 표를 가지고있다. 요소는 하위 요소를 가질 수 있지만 하위 요소는 가질 수 없습니다. 표에서 요소에 자식이 있으면 ul에 나열됩니다. 사용자는 목록에서 항목을 선택하여 해당 항목을 해당 상위 항목에서 제거 할 수 있습니다. 이 경우 요소가 목록에서 제거되고 더 이상 하위 요소가 아니기 때문에 요소의 테이블에 새로운 행을 만드는 부분 뷰가 렌더링됩니다. 하위 요소가 아니며 하위 요소가없는 요소는 드롭 다운에서 결합 할 요소를 선택하여 다른 요소와 결합 할 수 있습니다. 내 문제는 부모에서 요소를 제거 할 때 부분보기의 테이블 행에 대해 만든 드롭 다운에 필요한 기능이 없다는 것입니다.

이 요소는 요소를 결합하는 자바 스크립트 함수가 $(document).ready(function() {...});에 있고 해당 드롭 다운이 페이지 작성시에 없기 때문에 발생할 수 있다고 생각합니다.

동적으로 생성 된 요소에 $('.combineDropdown').change(function() {...});을 추가하는 방법이 있습니까?

Answer 1

왜 jQuery를 사용합니까? 실행될 javascript 함수를 가리키는 onChange html 속성을 가진 드롭 다운을 출력하여 동일한 결과를 얻을 수 있습니다.

예 :

<select onChange="myFunction(this)"><option>...</option></select> 

Answer 2

bind, on, delegate 또는 one (필요한 항목에 따라 다름)을 사용해야합니다. 이 작업은 새 요소를 추가 할 때마다 수행해야합니다.