87,992
社区成员
发帖
与我相关
我的任务
分享跪求原因！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="JavaScript" src="../js/jquery-1.4.2.js"></script>
<title>添加用户</title>
</head>
<body>
<center>
<br><br>
添加用户:<br><br>
姓名: <input type="text" name="name" id="name" />
email: <input type="text" name="email" id="email" />
电话: <input type="text" name="tel" id="tel" /><br><br>
<button id="addUser">提交</button>
<br><br>
<hr>
<br><br>
<table id="usertable" border="1" cellpadding="5" cellspacing=0>
<tbody>
<tr>
<th>姓名</th>
<th>email</th>
<th>电话</th>
<th> </th>
</tr>
<tr>
<td>Tom</td>
<td>tom@tom.com</td>
<td>5000</td>
<td><a href="deleteEmp?id=Tom">Delete</a></td>
</tr>
<tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
</tbody>
</table>
</center>
</body>
<script type="text/javascript">
$("#addUser").click(function(){
var $name = $("#name");
var $email = $("#email");
var $tel = $("#tel");
var $tbody = $("tbody");
//alert($tbody.length); 11
var $tr = $("<tr><tr/>");
var $td1 = $("<td><td/>");
$td1.text($name.val());
var $td2 = $("<td><td/>");
$td2.text($email.val());
var $td3 = $("<td><td/>");
$td3.text($tel.val());
var $a = $("<a><a/>");
$a.attr("href","deleteEmp?id="+$name.val());
$a.text("删除");
$tr.append($td1);
$tr.append($td2);
$tr.append($td3);
$tr.append($a);
$tbody.append($tr);
});
</script>
</html>
以上是页面代码，为什么会出现如图这样的效果了，我并没有重复添加啊！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="JavaScript" src="../js/jquery-1.4.2.js"></script>
<title>添加用户</title>
</head>
<body>
<center>
<br><br>
添加用户:<br><br>
姓名: <input type="text" name="name" id="name" />
email: <input type="text" name="email" id="email" />
电话: <input type="text" name="tel" id="tel" /><br><br>
<button id="addUser">提交</button>
<br><br>
<hr>
<br><br>
<table id="usertable" border="1" cellpadding="5" cellspacing=0>
<tbody>
<tr>
<th>姓名</th>
<th>email</th>
<th>电话</th>
<th> </th>
</tr>
<tr>
<td>Tom</td>
<td>tom@tom.com</td>
<td>5000</td>
<td><a href="deleteEmp?id=Tom">Delete</a></td>
</tr>
<tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
</tbody>
</table>
</center>
</body>
<script type="text/javascript">
$("#addUser").click(function(){
var $name = $("#name");
var $email = $("#email");
var $tel = $("#tel");
var $tbody = $("tbody");
//alert($tbody.length); 11
var $tr = $("<tr><tr/>");
var $td1 = $("<td><td/>");
$td1.text($name.val());
var $td2 = $("<td><td/>");
$td2.text($email.val());
var $td3 = $("<td><td/>");
$td3.text($tel.val());
var $a = $("<a><a/>");
$a.attr("href","deleteEmp?id="+$name.val());
$a.text("删除");
$tr.append($td1);
$tr.append($td2);
$tr.append($td3);
$tr.append($a);
$tbody.append($tr);
});
</script>
</html>
以上是页面代码，为什么会出现如图这样的效果了，我并没有重复添加啊！
...全文
请发表友善的回复…
发表回复
