입력폼 추가, 삭제 자바스크립트
페이지 정보
작성자 YJNet 작성일14-09-05 13:08 조회10,985회 댓글0건본문
<script>
function add_item(){
// pre_set 에 있는 내용을 읽어와서 처리..
var div = document.createElement('div');
div.innerHTML = document.getElementById('pre_set').innerHTML;
document.getElementById('field').appendChild(div);
}
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);
}
</script>
// obj.parentNode 를 이용하여 삭제
document.getElementById('field').removeChild(obj.parentNode);
}
</script>
<div id="pre_set" style="display:none">
<input type="text" name="test1" value="" style="width:100px">
<input type="text" name="test2" value="" style="width:100px">
<input type="button" value="삭제" onclick="remove_item(this)">
</div>
<input type="text" name="test1" value="" style="width:100px">
<input type="text" name="test2" value="" style="width:100px">
<input type="button" value="삭제" onclick="remove_item(this)">
</div>
<div id="field"></div>
<input type="button" value=" 추가 " onclick="add_item()"><br>
추가 버튼을 눌러보세요.
추가 버튼을 눌러보세요.
댓글목록
등록된 댓글이 없습니다.