jsp页面：点按钮怎样增加一个相同的table，如下面的这种功能怎么实现
展开全部
用jquery的clone(),若table中有些事件也要一同复制则用clone(true)方法，
有点要注意table的id值不可以设置。
以下例子你可以把table的进行修饰下，然后点击按钮复制一个table就可以了;同时要引入一个jquery的js文件，这就看你那有什么版本的js了，替换文中的 jquery.js就可以啦
举个例子：例子是一个html文件
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="Keywords" content="">
<meta name="author" content="@my_programmer">
</head>
<script src="jquery.js"></script>
<script>
function a2(){
var a = $("#tb");
var b = a.clone(true);
var div = $("#div");
div.append(b);
}
</script>
<body id="bd">
<div id="div">
<table id="tb" style="position:relative;
margin-top:10px;
margin-bottom:10px;
border-left: 1px solid rgb(206, 226, 235);">
<tr class="s1"><td>sssss</td><td>dddddd</td></tr>
<tr class="s1"><td>2222</td><td>1111</td></tr>
</table>
</div>
<input type="button" onclick="a2();">
</body>
</html>
有点要注意table的id值不可以设置。
以下例子你可以把table的进行修饰下，然后点击按钮复制一个table就可以了;同时要引入一个jquery的js文件，这就看你那有什么版本的js了，替换文中的 jquery.js就可以啦
举个例子：例子是一个html文件
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="Keywords" content="">
<meta name="author" content="@my_programmer">
</head>
<script src="jquery.js"></script>
<script>
function a2(){
var a = $("#tb");
var b = a.clone(true);
var div = $("#div");
div.append(b);
}
</script>
<body id="bd">
<div id="div">
<table id="tb" style="position:relative;
margin-top:10px;
margin-bottom:10px;
border-left: 1px solid rgb(206, 226, 235);">
<tr class="s1"><td>sssss</td><td>dddddd</td></tr>
<tr class="s1"><td>2222</td><td>1111</td></tr>
</table>
</div>
<input type="button" onclick="a2();">
</body>
</html>
追问
生成的table里每一个元素的name相同，怎么让后台识别这些元素。
我想把input、select等里面的内容通过action 传到后台，可是name相同，这个怎么做？谢谢！
追答
先取table的集合,通过下标来区别，再迭代
var tables = new Array();
tables = $("table");
var table = null;
for(var i =0;i<tables.length;i++)
{
table = tables[i];
}
不用jquery
var tables = document.getelementsbytagname();返回一个Array
第一个table为 tables[0]
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
