<form method="post" name="itemform" autocomplete="on">
<input type="hidden" id="low_count1" name="low_count1" value="0">
<div id="option_dec1" >
<table class="option_table_os">
<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="#" onclick="remove_item(this); return false;">
<img src="http://dmshop.kr/image/shop/adm/option_del.gif" alt="" border="0" /></a>
</td>
</tr>
</table>
</div>
<div id="option1"></div>
<a href="#" onclick="add_item("option_dec1","option1","low_count1"); return false;"><img src="http://dmshop.kr/image/shop/adm/option_add.gif" alt="" border="0" /></a>
<script type="text/javascript">
function add_item(input,output,count){
var list_count = document.getElementById(count).value;
var tmp_list_number = parseInt(list_count);
var list_number = tmp_list_number + 1;
document.getElementById(count).value = list_number;
var div = document.createElement('div');
div.innerHTML = document.getElementById(input).innerHTML;
document.getElementById(output).appendChild(div);
}
function remove_item(obj,row){
document.getElementById('option').removeChild(obj.parentNode);
}
</script>
관련된부분만빼봣습니다;; add_item 함수가 작동을 안하고 remove_item 을 하면 표의 맨 마지막 tr이 없어져야되는데 작동되지가 않습니다;; ㅠㅠ
1. add_item 함수
count를 채크하는 input값을 받아 1을 더해 input의 값에 대입한다.
input값에 div id를 받고 해당 div를 output의 div id를 받아 해당위치에 복붙한다.
2. remove_item 함수
obj값에 표 id를 row값에 표 tr위치를 받아 해당표의 해당 tr을 삭제한다..
이렇게 2개의 함수를 수정하고싶은데 어떻게하는지 알려주세요;; ㅠㅠㅠㅠ
<input type="hidden" id="low_count1" name="low_count1" value="0">
<div id="option_dec1" >
<table class="option_table_os">
<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="#" onclick="remove_item(this); return false;">
<img src="http://dmshop.kr/image/shop/adm/option_del.gif" alt="" border="0" /></a>
</td>
</tr>
</table>
</div>
<div id="option1"></div>
<a href="#" onclick="add_item("option_dec1","option1","low_count1"); return false;"><img src="http://dmshop.kr/image/shop/adm/option_add.gif" alt="" border="0" /></a>
<script type="text/javascript">
function add_item(input,output,count){
var list_count = document.getElementById(count).value;
var tmp_list_number = parseInt(list_count);
var list_number = tmp_list_number + 1;
document.getElementById(count).value = list_number;
var div = document.createElement('div');
div.innerHTML = document.getElementById(input).innerHTML;
document.getElementById(output).appendChild(div);
}
function remove_item(obj,row){
document.getElementById('option').removeChild(obj.parentNode);
}
</script>
관련된부분만빼봣습니다;; add_item 함수가 작동을 안하고 remove_item 을 하면 표의 맨 마지막 tr이 없어져야되는데 작동되지가 않습니다;; ㅠㅠ
1. add_item 함수
count를 채크하는 input값을 받아 1을 더해 input의 값에 대입한다.
input값에 div id를 받고 해당 div를 output의 div id를 받아 해당위치에 복붙한다.
2. remove_item 함수
obj값에 표 id를 row값에 표 tr위치를 받아 해당표의 해당 tr을 삭제한다..
이렇게 2개의 함수를 수정하고싶은데 어떻게하는지 알려주세요;; ㅠㅠㅠㅠ
댓글 2개
[code]
<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>
<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>
[/code]
<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>
<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>
[/code]
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기