Javasript Input Box 추가 및 제거하기
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 4,693회
작성일 13-09-29 20:17
본문
<table id="table_list">
<tr>
<td><input type="text" name="option_name[]" class="input1"/></td>
<td style="width:130px"><input type="text" name="option_pay[]" style="width:110px"></td>
<td style="width:80px">
<a href="#">
<img src="http://dmshop.kr/image/shop/adm/option_del.gif" alt="" /></a>
</td>
</tr>
</table>
<span><a href="#" onclick="add_item();"><img src="http://dmshop.kr/image/shop/adm/option_add.gif" alt="" /></a></span>
<tr>
<td><input type="text" name="option_name[]" class="input1"/></td>
<td style="width:130px"><input type="text" name="option_pay[]" style="width:110px"></td>
<td style="width:80px">
<a href="#">
<img src="http://dmshop.kr/image/shop/adm/option_del.gif" alt="" /></a>
</td>
</tr>
</table>
<span><a href="#" onclick="add_item();"><img src="http://dmshop.kr/image/shop/adm/option_add.gif" alt="" /></a></span>
<script>
function add_item(){
var tbl = document.getElementById('table_list');
var trow = tbl.insertRow(-1);
var td1 = trow.insertCell(-1);
td1.innerHTML = '<input type="text" name="option_name[]" class="input1" />';
var td2 = trow.insertCell(-1);
td2.innerHTML = '<input type="text" name="option_pay[]" style="width:110px" />';
var td3 = trow.insertCell(-1);
td3.innerHTML = '<a href="#"><img src="http://dmshop.kr/image/shop/adm/option_del.gif" alt="" /></a>';
td3.onclick = function(){
tbl.deleteRow(trow.rowIndex);
}
}
</script>
function add_item(){
var tbl = document.getElementById('table_list');
var trow = tbl.insertRow(-1);
var td1 = trow.insertCell(-1);
td1.innerHTML = '<input type="text" name="option_name[]" class="input1" />';
var td2 = trow.insertCell(-1);
td2.innerHTML = '<input type="text" name="option_pay[]" style="width:110px" />';
var td3 = trow.insertCell(-1);
td3.innerHTML = '<a href="#"><img src="http://dmshop.kr/image/shop/adm/option_del.gif" alt="" /></a>';
td3.onclick = function(){
tbl.deleteRow(trow.rowIndex);
}
}
</script>
댓글목록
등록된 댓글이 없습니다.