행 추가 관련해서 질문드립니다. 채택완료
function add_item(){
// pre_set 에 있는 내용을 읽어와서 처리..
var div = document.createElement('div');
div.innerHTML = document.getElementById('pre_set').innerHTML;
document.getElementById('field').appendChild(div);
}
function remove_item(obj){
// obj.parentNode 를 이용하여 삭제
document.getElementById('field').removeChild(obj.parentNode);
}
| 학력# | id="wr_=$i?>" itemname="학력=$i?>" value="=$write['wr_'.$i]?>">
|
추가가 되면 이런식으로 되고 삭제가 되지 않습니다.
이렇게 학력이라는 글씨와 + - 는 증가하지않고 행만 추가가 되고 싶습니다.
답변 1개
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>
삭제부분은 볼 시간이 없어서ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
