jquery如何实现在一个jsp页面动态添加一个多行多列的表格

jquery如何实现在一个jsp页面动态添加一个多行多列的表格,第1张

你可以在《物证材料信息的表格》外面套一个div,获取这个div的innerHTML,加入到下面即可;

只设置name,不要加id了;后台通过name获取数组

后台循环数组添加即可

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<title>RunJS</title>

<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/289/za0sqcyf/jquery-1.6.min.js"></script>

<script type="text/javascript">

$(function(){

$("button").click(function(){

var html = "<tr><td style='border:1px solid white'>添加一行</td><td style='border:1px solid white'>添加一行</td></tr>" //自己定义好要添加的信息

$("table").append(html) //添加对应的内容到table

})

})

</script>

</head>

<body>

<button>Hello </button>

<table style="border:1px solid yellow">

</table>

</body>

</html>

这个是简单的例子。。。

先加一行,在加列

<table>

<tr>

<th>角色ID</th><th>角色名称</th><th>拥有的权限</th><th></th>

</tr>

<tr>

<td>1</td><td>贾强</td><td><超级管理员。。。/td><td><input type="button" value="修改"></td>

</tr>

//剩下的行一样

</table>

大概就是这样,这个是静态的数据,具体数据需要你自己替换掉<td></td>中的内容。

你这看着像是达内的教学项目吧


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

原文地址: http://outofmemory.cn/bake/11765494.html

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

发表评论

登录后才能评论

评论列表(0条)

保存