이 자바스크립트 왜 작동안되는지 봐주실 수 있으신가요?? ㅠㅠ 정보
이 자바스크립트 왜 작동안되는지 봐주실 수 있으신가요?? ㅠㅠ
본문
<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개의 함수를 수정하고싶은데 어떻게하는지 알려주세요;; ㅠㅠㅠㅠ
댓글 전체
<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>
감사드리옵니다!!!
