javascript 특정 class영역에 값을 동적으로 추가하고 싶은데 방법이 있을까요?

Question

infoList에는 name과 city라는 항목이 있습니다.[{"name":"홍길동", "city":"서울"}]위와같으 식으로 배열로 저장이 되어있는데아래에서 select에서 값을 선택하면 changeGubun 함수를 실행해서 gubunName쪽에 선택한 name에 해당하는 city값이 저장되게 하려고 합니다.그런데 문제는 아래의 html은 동적으로 항목들이 추가가 됩니다. class의 gubunName값은 동일하게 동적으로 추가/삭제가 되기 때문에 여러개가 추가가 되면 gubunName의 클래스를 찾을 수 없더라구요..항목을 여러개 추가했을 때 여러개 select 창중예를들어 10개의 input창과 select 창 세트를 추가했을 때 다섯번째의 changeGubun값을 변경해서 그 값을 다섯번째의 gubunName에 보여지게 할 수 있는 방법이 있을까요? let html = ""; html += ""; html += " "; html += "

구분

"; html += " "; html += " "; html += " "; html += "

"; html += " "; html += "

"; html += " "; html += ""; formBody.insertAdjacentHTML("beforeend", html);

cuteda · Answer

체인지구분함수호출될때 넘어온 this.value를 .gubunName안에 제이쿼리던, 순수자바스크립트로 바인딩하세용

javascript 특정 class영역에 값을 동적으로 추가하고 싶은데 방법이 있을까요?

1개의 답변

기술 목록