求代码,html中编写的表格,如何让其自动或者手动增加行?
展开全部
<html>
<head>
<title></title>
<style type="text/css">
table {
width: 100%;
align: center;
border: solid 1px black;
}
table td {
width: 20%;
text-align: center;
border: solid 1px black;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$("table tr:last-child").after
("<tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr>");
});
$("#cut").click(function(){
var value=$("table tr").length;
if(value!=2){
$("table tr:last-child").remove();
}
});
});
</script>
</head>
<body>
<table id="table">
<tr>
<td colspan="5">供应商信息</td>
</tr>
<tr>
<td>序号</td>
<td>供应商</td>
<td>地址</td>
<td>联系人</td>
<td>联系电话</td>
</tr>
</table>
<input id="add" type="button" value="增加">
<input id="cut" type="button" value="减少">
</body>
</html>
注:jquery.js自已可以在网上下载,它们放在同一个目录下的。
<head>
<title></title>
<style type="text/css">
table {
width: 100%;
align: center;
border: solid 1px black;
}
table td {
width: 20%;
text-align: center;
border: solid 1px black;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$("table tr:last-child").after
("<tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr>");
});
$("#cut").click(function(){
var value=$("table tr").length;
if(value!=2){
$("table tr:last-child").remove();
}
});
});
</script>
</head>
<body>
<table id="table">
<tr>
<td colspan="5">供应商信息</td>
</tr>
<tr>
<td>序号</td>
<td>供应商</td>
<td>地址</td>
<td>联系人</td>
<td>联系电话</td>
</tr>
</table>
<input id="add" type="button" value="增加">
<input id="cut" type="button" value="减少">
</body>
</html>
注:jquery.js自已可以在网上下载,它们放在同一个目录下的。
展开全部
您好:因为具体情况不知道。给你说思路吧,很简单:在JS中给表格添加一个keydown()的事件。就是键盘按下的事件。如果想要回车键的话。就把回车键代表的数字当作判断条件就可以了。在事件中用creatElement()动态创建元素的方法。动态创建一个tr标签,然后用appendchild()追加到table中就可以了。希望能够帮到你!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
但是你那个网页的代码比较乱,你消息我吧,我帮你弄! ?不懂。是要做一个表格,点一个项目就自动累加金额么? 最简单的,表格用table标签,行,irhBdh
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询