码迷,mamicode.com
首页 > 其他好文 > 详细

table新增一行并循环获取table内值

时间:2018-07-07 22:18:27      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:rip   页面   class   事件   操作   file   fill   tab   http   

简单介绍

table新增一行,并获取table标签中所有td的值,通过js将其组装成json格式传给后端存储数据库。

 

实际操作

1、首先需要在页面html创建talbe标签内容,定义th标题

2、给包含td的tr增加一个属性,例如:type="subdata"

3、在table标签下增加一个按钮,并给其增加一个click事件

 
技术分享图片
html内容

4、在js文件中进行click事件内容的编写,按照th标题数量进行td的拼接,也增加了一个删除行功能

 
技术分享图片
js内容

5、js使用each来进行table的遍历,并组装成json格式数据

 
技术分享图片
js内容

6、使用post方式传给后端进行解析存储数据库中

table新增一行并循环获取table内值

标签:rip   页面   class   事件   操作   file   fill   tab   http   

原文地址:https://www.cnblogs.com/April-Chou-HelloWorld/p/9278227.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!