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

1.写一个默认四行四列的表格,包含ID,姓名,年龄,操作。操作列有两个按钮,点击删除按钮,删除一行。点击增加按钮,增加一行(id自增)。谢谢了!!!... 1.写一个默认四行四列的表格,包含ID,姓名,年龄,操作。操作列有两个按钮,点击删除按钮,删除一行。点击增加按钮,增加一行( id自增 )。谢谢了!!! 展开
 我来答
匿名用户
2017-08-24
展开全部

用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号应该是返回给后台,后台再给前台比较好。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式