입력폼 추가, 삭제 자바스크립트 > JavaScript

본문 바로가기
사이트 내 전체검색


회원로그인

JavaScript

 > 개발자료 > JavaScript

JavaScript

입력폼 추가, 삭제 자바스크립트

페이지 정보

작성자 YJNet 작성일14-09-05 13:08 조회5,286회 댓글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 remove_item(obj){
          // 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>
 
<div id="field"></div>
 
<input type="button" value=" 추가 " onclick="add_item()"><br>
추가 버튼을 눌러보세요.

댓글목록

등록된 댓글이 없습니다.

JavaScript 목록

게시물 검색

접속자집계

오늘
501
어제
585
최대
1,173
전체
972,998
그누보드5
회사소개 개인정보취급방침 서비스이용약관    Copyright © www.g-it.kr. All rights reserved.