动态删除表格行的问题,请帮忙指导一下。谢谢!
admin 发表于 2010-04-25 | 来源:互联网 | 阅读:

有如下代码,想在动态添加一行后,在每一行后面 出现删除按钮,点击这个按钮可以删除该行。

麻烦将代码修改一下。谢谢!新手,见谅!

<html>
<TABLE border="0" width="50%" id="activeTable1"></TABLE>
  <p>
 <input type="button" name="Submit3" value=http://topic.csdn.net/u/20100414/23/" 增 加 备 件 " onclick="AddRecord1()" >
  <script> 

function getback(obj)
  {
  var td = obj.parentNode;
  var dangjia = td.previousSibling.firstChild;
  var shuliang = td.previousSibling.previousSibling.firstChild;
  obj.value = http://topic.csdn.net/u/20100414/23/(shuliang.value * dangjia.value).toFixed(2);
}  
  function AddRecord1()  
  {  
  var row = activeTable1.insertRow(activeTable1.rows.length);//id=recordTable  
  var col = row.insertCell(0);  
  var i = row.rowIndex;  
  col.innerHTML = "<input type=’text’ name=’texth’ value=”>"; 
  col = row.insertCell(1);  
  col.innerHTML = "<input type=’text’ name=’texti’ value=”>"; 
  col = row.insertCell(2);  
  col.innerHTML = "<input type=’text’ name=’textj’ value=”>";
  col = row.insertCell(3);  
  col.innerHTML = "<input type=’text’ name=’textk’ onClick=’getback(this)’; value=”>";
  col = row.insertCell(4);  
  col.innerHTML = "<input type=’hidden’ name=’textl’ value=’http://topic.csdn.net/u/20100414/23/"+i+ "’>";  
  }  
  </script>

</html>

已经有5 个评论
  1. TheAlien 说:

    得到鼠标在上面的数据的 id 啊

  2. 15375 说:

    希望高手能提供代码,谢谢

  3. yyyy6 说:

    HTML code

    <html>
    <TABLE border="0" width="50%" id="activeTable1"></TABLE>
    <p>
    <input type="button" name="Submit3" value=" 增 加 备 件 " onclick="AddRecord1()" >
    <script>

    function getback(obj)
    {
    var td = obj.parentNode;
    var dangjia = td.previousSibling.firstChild;
    var shuliang = td.previousSibling.previousSibling.firstChild;
    obj.value = (shuliang.value * dangjia.value).toFixed(2);
    }
    function delRow(btn){
    var tr = btn.parentNode.parentNode;
    tr.parentNode.removeChild(tr);
    }
    function AddRecord1()
    {
    var row = activeTable1.insertRow(activeTable1.rows.length);//id=recordTable
    var col = row.insertCell(0);
    var i = row.rowIndex;
    col.innerHTML = "<input type=’text’ name=’texth’ value=”>";
    col = row.insertCell(1);
    col.innerHTML = "<input type=’text’ name=’texti’ value=”>";
    col = row.insertCell(2);
    col.innerHTML = "<input type=’text’ name=’textj’ value=”>";
    col = row.insertCell(3);
    col.innerHTML = "<input type=’text’ name=’textk’ onClick=’getback(this)’; value=”>";
    col = row.insertCell(4);
    col.innerHTML = "<input type=’hidden’ name=’textl’ value=’http://topic.csdn.net/u/20100414/23/"+i+ "’><input type=’button’ value=’http://topic.csdn.net/u/20100414/23/删除’ onclick=’delRow(this)’ />";
    }
    </script>

    </html>

  4. aw3fae 说:

    谢谢楼上的兄弟!

  5. wuwei04 说:

    HTML code
    <html>
    <TABLE border="0" width="50%" id="activeTable1"></TABLE>
    <p>
    <input type="button" name="Submit3" value=" 增 加 Y 件 " onclick="AddRecord1()" >
    <script>

    function getback(obj)
    {
    var td = obj.parentNode;
    var dangjia = td.previousSibling.firstChild;
    var shuliang = td.previousSibling.previousSibling.firstChild;
    obj.value = (shuliang.value * dangjia.value).toFixed(2);
    }
    function AddRecord1()
    {
    var row = activeTable1.insertRow(activeTable1.rows.length);//id=recordTable
    var col = row.insertCell(0);
    var i = row.rowIndex;
    col.innerHTML = "<input type=’text’ name=’texth’ value=”>";
    col = row.insertCell(1);
    col.innerHTML = "<input type=’text’ name=’texti’ value=”>";
    col = row.insertCell(2);
    col.innerHTML = "<input type=’text’ name=’textj’ value=”>";
    col = row.insertCell(3);
    col.innerHTML = "<input type=’text’ name=’textk’ onClick=’getback(this);’ value=”>";
    col = row.insertCell(4);
    col.innerHTML = "<input type=’hidden’ name=’textl’ value=’http://topic.csdn.net/u/20100414/23/"+i+ "’>";
    col = row.insertCell(5);
    col.innerHTML = "<input type=’button’ name=’btn1′ onClick=’del(this.parentNode.parentNode);’ value=’http://topic.csdn.net/u/20100414/23/del’ >";
    }
    function del(o){
    activeTable1.childNodes[0].removeChild(o);
    }
    </script>

    </html>

我要评论

评论功能因故关闭!

请加入我们的QQ群一起参与讨论:群号59400482(500人超级群)


返回首页 | 关于我们 | 联系我们 | 广告合作 | 网站地图 | 友情链接 | 版权声明