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

행 추가 관련해서 질문드립니다. 채택완료

시로님 9년 전 조회 2,089

 

   

   

학력#

        id="wr_" itemname="학력" value="">

         

       

   

스크립트를 이용해서 +버튼을 누르면 행추가가 되고
-버튼을 누르면 행이 삭제되게 하고 싶은데

추가가 되면 이런식으로 되고 삭제가 되지 않습니다.
제가 원하는 건

이렇게 학력이라는 글씨와 + - 는 증가하지않고 행만 추가가 되고 싶습니다.
그리고 삭제가 가능하게 하고싶습니다.
어디가 틀렸나요..?
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

add_item() 함수에서 innerHTML 로 내용을 그대로 복사해서 넣으시면

나중에 추가,삭제 기능이 구현되더라도 다시 뒤엎어야할 수 있습니다.

엘리멘트 요소를 직접 하나씩 추가해서 넣으시면 별 탈 없으실겁니다.

 

</p><p>var input_ed_cnt = 0;</p><p>     function add_item(){</p><p>          // pre_set 에 있는 내용을 읽어와서 처리..</p><p>          //var div = document.createElement('div');</p><p>          //div.innerHTML = document.getElementById('pre_set').innerHTML;</p><p>          </p><p>          var input_ed = document.createElement("input");</p><p>          input_ed.className = "ed";</p><p>          input_ed.name = "wr_" + input_ed_cnt;</p><p>          input_ed.id = "wr_" + input_ed_cnt;</p><p>          input_ed.itemname= "학력"+ input_ed_cnt;</p><p>          input_ed.value = "";</p><p>          input_ed_cnt++;</p><p> </p><p>          </p><p>          </p><p>          document.getElementById('<span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">field</span>').appendChild(input_ed);</p><p>     }</p><p>

 

삭제부분은 볼 시간이 없어서ㅠㅠ

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

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

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

로그인