테스트 사이트 - 개발 중인 베타 버전입니다

동적 테이블 소스 채택완료

디니홍 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개

채택된 답변
+20 포인트

올려주신 코드를 제가 적용해봤는데,

정상 동작 하는 것 같네요^^ㅋ

delRow 하는 부분에서 삭제하려고 하는 index 값을 alert으로 찍어서 확인 해보시기 바랍니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변 감사합니다. 한번 해볼게요!!

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인