이 자바스크립트 왜 작동안되는지 봐주실 수 있으신가요?? ㅠㅠ

K-30.png
<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개의 함수를 수정하고싶은데 어떻게하는지 알려주세요;; ㅠㅠㅠㅠ

첨부파일

K-30.png (2.7 KB)
0회 2013-09-29 12:38
|

댓글 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]
감사드리옵니다!!!
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 1,527
12년 전 조회 1,451
12년 전 조회 1,585
12년 전 조회 1,477
12년 전 조회 2,574
12년 전 조회 2,004
12년 전 조회 1,008
12년 전 조회 1,574
12년 전 조회 1,856
12년 전 조회 1,554
12년 전 조회 1,709
12년 전 조회 2,092
12년 전 조회 1,606
12년 전 조회 3,401
12년 전 조회 1,382
12년 전 조회 824
12년 전 조회 881
12년 전 조회 1,141
12년 전 조회 1,724
12년 전 조회 1,539
🐛 버그신고