테스트 사이트 - 개발 중인 베타 버전입니다

select 질문드립니다. 채택완료

kujira 6년 전 조회 2,042

현재 1번 select를 선택하면 2번 select에 해당 항목이 나오는 식으로 작업이 되어있습니다.

소스는 아래와 같습니다.

 

*script 부분

 

 

*html부분

 

 

여기서 내용 추가버튼 클릭시 위의 폼이 계속해서 추가되는 형식으로 만들었는데요

추가되는 부분은 아래와 같습니다.

 

*script 부분

 

 

 

*html 부분

내용 추가

 

제가 작업한 소스는 이렇습니다.

문제는 최초 1번 select와 2번 select를 선택하고 내용 추가를 클릭해 폼을 하나 더 추가한 후

추가된 폼의 1번 select를 선택하면 그것이 추가된 2번 select에 이벤트를 발생시켜야 하는데

최초 있었던 폼의 2번 select에 영향을 주는것입니다.

 

id가 다 같아서 이런 현상이 발생하는것으로 예상은 됩니다만 이 문제를 어떻게 해결해야 할 지 

답답해서요;;; 힌트를 좀 주셨으면 감사하겠습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
6년 전

말씀 그대로 id를 달리 해 주거나 id 대신 class를 이용해도 될거 같구요.

문제는 새로 생길 폼의 id(class) 이름을 계속 달리해 줄 수있게끔 자바스크립트를 구현하면 될거 같네요.

예를 들어 처음에 sel1 이었다면 추가버튼 누를 때 sel1_1 이 된다거나..하는 식으로 구현하시면 될거 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인