怎么将table里面多个tr td存到mysql数据库中,我这里是动态添加的行。

怎么将table里面多个tr td存到mysql数据库中,我这里是动态添加的行。,第1张

JSP页面中用c标签遍历list,要显示数据的对象列表放到list中。
java代码
1
requestsetAttribute("list", yourList);
jsp代码:
<c:forEach var="user" items="${list}"> User Name: ${userusername} Age: ${userage}</c:forEach>
注意在JSP中引入jstl的core标签,

如果是类似vue、react这样的框架中这种 *** 作相对来说简单很多,如果不使用框架,单纯的通过js实现就比较麻烦一点,代码我就不写了,比较麻烦,说一下思路吧。
首先创建一个trNode,
let trNode = createElement("tr");
然后文本框里面的值你是能拿到的,拿到文本框的值以后将他拼一下,然后放到tr中
trNodeinnerHTML = "<td>商品名</td><td>单价</td>"
这样的形式,最后通过appendChild方法将这个trNode插入到table / tbody中

因为TABLE的初始状态只有一个 借据号 万元的表头,无论按钮怎么点,都只会触发一次Button_Add_Click,添加一行。以后每次点击,初始状态都只有表头,所以点击之后只会有一行。
所以要用一个东西把你的点击记录存储起来。你可以用VIEWSTATE来存这个TABLE变量,每次PAGE_LOAD的时候把它读出来,每次ONCLICK添加完行之后把TABLE存入VIEWSTATE,这样就OK了。不要随便用静态变量,它会产生一些很BUG的问题。
另外如果VIEWSTATE你觉得不好就用SESSION。总之,在每次POSTBACK后把TABLE存起来就OK了。

jQuery 添加新内容有以下四个方法:

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

下面实例演示:点击按钮则在表格数据区域增加一行

1、HTML结构

<table id = "test">
<thead>
<tr><th>列1</th><th>列2</th><th>列3</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>1</td><td>2</td></tr>
<tr><td>2</td><td>4</td><td>5</td></tr>
</tbody>
</table>
<input type="button" id="btn1" value="在开头增加">
<input type="button" id="btn2" value="在末尾增加">

2、jquery代码

$(function(){
$("#btn1")click(function() {
$("#test tbody")prepend('<tr><td></td><td></td><td></td></tr>');
});
$("#btn2")click(function() {
$("#test tbody")append('<tr><td></td><td></td><td></td></tr>');
});
});

3、效果演示


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/13374008.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-24
下一篇 2023-07-24

发表评论

登录后才能评论

评论列表(0条)

保存