table新增一行并循环获取table内值
Posted april-chou-helloworld
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了table新增一行并循环获取table内值相关的知识,希望对你有一定的参考价值。
简单介绍
table新增一行,并获取table标签中所有td的值,通过js将其组装成json格式传给后端存储数据库。
实际操作
1、首先需要在页面html创建talbe标签内容,定义th标题
2、给包含td的tr增加一个属性,例如:type="subdata"
3、在table标签下增加一个按钮,并给其增加一个click事件
4、在js文件中进行click事件内容的编写,按照th标题数量进行td的拼接,也增加了一个删除行功能
5、js使用each来进行table的遍历,并组装成json格式数据
6、使用post方式传给后端进行解析存储数据库中
以上是关于table新增一行并循环获取table内值的主要内容,如果未能解决你的问题,请参考以下文章
在el-table的某一行中循环输出 scope.row和v-for
element el-table 类似新增勾选数据之后 编辑回显勾选框
element el-table 类似新增勾选数据之后 编辑回显勾选框
element el-table 类似新增勾选数据之后 编辑回显勾选框