js写一个的表格,通过点击按钮给表格增加一行

1.写一个默认四行四列的表格,包含ID,姓名,年龄,操作。操作列有两个按钮,点击删除按钮,删除一行。点击增加按钮,增加一行( id自增 )。谢谢了!!!

用jquery写比较方便点。

答案完善了一下,代码如下。其实这样有bug,但是比较容易修改,只要完善一下function addtab() 就行。

<html>
<head>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
  <script>
    function addtab(){
     var tcount=$("#tab tr").length;
     var tpl='<tr id="s'+tcount+'"><td>'+tcount+'</td><td>姓名</td><td>年龄</td><td onclick="deltab('+tcount+')">删除</td></tr>';
     $("#tab").append(tpl);
    }
    function deltab(x){
    $("#s"+x).remove();
    }
  </script>
  </head>  
<body>
  <div>
    <span onclick="addtab()">增加</span>
    <table id="tab">
      <tr>
      <td>ID</td><td>姓名</td><td>年龄</td><td>操作</td>
      </tr>
    </table>
  </div>
</body>
</html>

但是我的理解是,ID号应该是返回给后台,后台再给前台比较好。

温馨提示:内容为网友见解,仅供参考
无其他回答

js写一个的表格,通过点击按钮给表格增加一行
答案完善了一下,代码如下。其实这样有bug,但是比较容易修改,只要完善一下function addtab() 就行。 function addtab(){ var tcount=$("#tab tr").length; var tpl=''+tcount+'姓名年龄删除'; $("#tab").append(tpl); } function deltab(x){ $("#s"+x)...

JS 按钮点击增加一行多单元格表格问题请教
var oTab=document.getElementById('tb1');var oBtn=document.getElementById('btn1');var oName=document.getElementById('name');var oAge=document.getElementById('age');oBtn.onclick=function(){ var oTr=document.createElement('tr');\/\/创建一个tr \/\/创建第一个td var oTd=document.c...

...两个按钮,如何建立其函数,使之点击可以增加一行
newTD1.innerHTML = '<asp:Label ID="newlable1" runat="server" Font-Size="10pt" Text="保有车型\/品牌:"><\/asp:Label>';newTD1.bgColor = '#dee7ef';newTD2.innerHTML = '';newTD2.bgColor = '#e8f9ed';newTD3.innerHTML = '<asp:Label ID="newlabel2" runat="server" ...

用js实现点击按钮在html中增加一行内容,问题见详细!
" maxlength="40" > <lable>时间<\/lable> <lable>内容简介<\/lable>

javascript给html的表格添加行,并且每行添加一个onclick事件。要求点击...
alert("单元格按钮单击,这是第 " + (rowIndex + 1) + " 行,行下标为 " + rowIndex);} 1 2

js中怎么给table指定的地方加一行
var _table = document.getElementById("表格ID");_table.insertRow(1,2);

如何用JS实现动态加行~
function addRow(){ \/\/添加一行 var newTr = testTbl.insertRow();\/\/添加两列 var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();\/\/设置列内容和属性 newTd0.innerHTML = '';newTd2.innerText= '新加行';}

js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息
1、首先开始新建html文件。2、然后创建一个三行三列的表格。3、接下来开始创建js函数。4、接下来开始进行定义变量获取行。5、然后就将函数加在按钮上。6、就可以看到预览效果如图。7、最后点击第二个按钮删除 第二行。

java:JSP 用html制作表格时。怎样利用添加按钮 添加一个文本输入框
先隐藏,点击的时候DISPLAY就可以了。如果你自己也不知道有多少个输入框,那你也可以先在BODY里面装一个DIV什么的,在它的内部动态的添加HTML:INPUT也可以,就是用JS来操作了。

我想在一个表格里面特定的tr后面增加一行,用javascript应该如何做...
给你个简单的示例吧 0 1 在此行下插入新行 2 function instTR(){ var tab=document.getElementById('tab');var n=document.getElementById('x').rowIndex+1;var tr=tab.insertRow(n);var td=tr.insertCell(0);td.innerHTML='new '+Math.random();} ...

相似回答