Jsp页面动态添加表格,意思就是我点击一个按钮,就会添加一个表格。求,大神们,可以连续点击添加
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=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>
这个是简单的例子。。。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=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>
这个是简单的例子。。。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询