동적 테이블 소스 채택완료
디니홍
6년 전
조회 6,175
그누보드 글쓰기 화면에 동적 테이블을 적용하여 사용하려고하는데요
열추가는 잘 되는데 열 추가한 다음에 삭제하려고하면 해당 열이 삭제되는것이 아니라
가장 위의 열부터 삭제 되네요.
소스 어느부분을 수정해야하는걸까요. 아시는분 답변 부탁드립니다 ㅠㅠ
스크립트 부분
</p>
<p><script></p>
<p>function addRow() {
var oRow = dyntbl1.insertRow();
oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
var oCell1 = oRow.insertCell();
var oCell2 = oRow.insertCell();
var oCell3 = oRow.insertCell();</p>
<p> oCell1.innerHTML = "<center>+</center>";
oCell2.innerHTML = "<input name='wr_body_1[]'>";
oCell3.innerHTML = "<input type=button value=\" 삭제 \" onClick=\"delRow()\">";
document.recalc();
}
function delRow() {
dyntbl1.deleteRow(dyntbl1.clickedRowIndex);
}</p>
<p>
function delRow_php(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('dyntbl2').deleteRow(i);
}</p>
<p>
</script></p>
<p> </p>
<p>
테이블 부분
</p>
<p> <table width="100%" border="0" cellspacing=0 cellpadding=0></p>
<p> <tr>
<td>No.</td>
<td>이름</td>
<td>삭제</td>
</tr></p>
<p> </table></p>
<p> </p>
<p>
<? if ($w == "u") { ?>
<table id="dyntbl2" width="100%" border="0" cellspacing=0 cellpadding=0></p>
<p> <? for ($i = 0; $i < count($wr_body_1); $i++) { ?>
<tr id="v_<?php echo $i+1; ?>">
<td align="center"><?php echo $i+1; ?></td>
<td> <input required name='wr_body_1[]' itemname='이름' value='<?=$wr_body_1[$i]?>'></td>
<td align="center"><center><input type="button"value=" 삭제 " onClick="delRow_php(this)"></td>
</tr>
<? } ?>
</table>
<? } ?></p>
<p> </p>
<p>
<table id="dyntbl1" width="100%" border="0" cellspacing=0 cellpadding=0>
</table></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인