87,996
社区成员
发帖
与我相关
我的任务
分享急急急，在线等待，用jquery动态的创建一张表格
我现在需要用jquery动态的创建一张表格！~
有两个文本框，一个事编号，一个事姓名；还有一个添加按钮
当点击添加按钮的时候就将文本框的数据用表格显示出来，不能刷新页面！~
急急急！~
帮帮忙！
有两个文本框，一个事编号，一个事姓名；还有一个添加按钮
当点击添加按钮的时候就将文本框的数据用表格显示出来，不能刷新页面！~
急急急！~
帮帮忙！
...全文
请发表友善的回复…
发表回复
tonyzzp 2010-03-08
- 打赏
- 举报
除了这个方法 还有别的不。。。
bbsxun 2009-11-05
- 打赏
- 举报
留个记号
wsg13793257207 2009-06-15
- 打赏
- 举报
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
$("#tb").find("tr").each(function(){
$(this).remove();
});
});
$("#button1").click(function(){
var table="<table>";
table+="<tr>";
table+="<td>";
table+="<input type='text' id='name' />";
table+="</td>";
table+="</tr>";
table+="<tr>";
table+="<td>";
table+="<input type='button' id='show' value='显示' />";
table+="</td>";
table+="</tr>";
table+="</table>";
$(table).appendTo($("div"));
$("#show").click(function(){
var table="<table>";
table+="<tr>";
table+="<td>";
table+=$("#name").val();
table+="</td>";
table+="</tr>";
table+="</table>";
$(table).appendTo($("div"));
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<table id="tb">
<tr><td>aaaaaaa</td></tr>
<tr><td>bbbbbbb</td></tr>
<tr><td>ccccccc</td></tr>
<tr><td>ddddddd</td></tr>
<tr><td>eeeeeee</td></tr>
</table><br />
<input type="button" id="button" value="button" />
<input type="button" id="button1" value="添加表格" />
</form>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
$("#tb").find("tr").each(function(){
$(this).remove();
});
});
$("#button1").click(function(){
var table="<table>";
table+="<tr>";
table+="<td>";
table+="<input type='text' id='name' />";
table+="</td>";
table+="</tr>";
table+="<tr>";
table+="<td>";
table+="<input type='button' id='show' value='显示' />";
table+="</td>";
table+="</tr>";
table+="</table>";
$(table).appendTo($("div"));
$("#show").click(function(){
var table="<table>";
table+="<tr>";
table+="<td>";
table+=$("#name").val();
table+="</td>";
table+="</tr>";
table+="</table>";
$(table).appendTo($("div"));
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<table id="tb">
<tr><td>aaaaaaa</td></tr>
<tr><td>bbbbbbb</td></tr>
<tr><td>ccccccc</td></tr>
<tr><td>ddddddd</td></tr>
<tr><td>eeeeeee</td></tr>
</table><br />
<input type="button" id="button" value="button" />
<input type="button" id="button1" value="添加表格" />
</form>
时光瞄 2009-05-07
- 打赏
- 举报
期待jQuery高手来解决！
