本文介绍了一个HTML页面中实现表格行的动态增加与删除功能的方法。用户可通过点击加号图标来新增一行，点击减号图标则删除当前行，但至少保留一行不可删除。页面包含产品信息输入项。
我想点加号可以增加一行，点后面的减号可以删除当前行，但至少保留一行不能被删除(即只有一行的时候后面没有减号图标），如上图。
下面是页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE3 {font-size: 12px; font-weight: bold; }
-->
</style>
<script>
function close_window(){
window.open( " ", "选择产品.html ", " ").close();
}
</script>
</head>
<body>
<p> </p>
<center>
<table width="817" border="0">
<tr>
<td width="109" height="16" valign="top" >
<span class="STYLE3">产品编号
：</span></td>
<td width="115"><span class="STYLE3">选择产品大类：</span></td>
<td width="111"><span class="STYLE3">选择产品小类：</span></td>
<td width="119"><span class="STYLE3">选择产品：</span></td>
<td width="117"><span class="STYLE3">显示的产品名称：</span></td>
<td width="106"><span class="STYLE3">代理价格：</span></td>
<td width="110"><span class="STYLE3">销售价格：</span></td>
</tr>
<tr>
<td height="26" valign="top" ><span class="STYLE3">
<label>
<input type="image" name="imageField2" src="images/加号.jpg" />
<input name="textfield" type="text" size="10" />
</label>
</span></td>
<td width="115"><span class="STYLE3">
<label>
<select name="select">
<option>婚纱</option>
</select>
</label>
</span></td>
<td width="111"><span class="STYLE3">
<select name="select2">
<option>怀旧</option>
</select>
</span></td>
<td width="119"><span class="STYLE3">
<select name="select3">
<option>婚纱怀旧产品</option>
</select>
</span></td>
<td width="117"><span class="STYLE3">
<label>
<input name="textfield2" type="text" value="制作软件显示的名称" size="10" />
</label>
</span></td>
<td width="106"><span class="STYLE3">
<input name="textfield22" type="text" value="60" size="10" />
</span></td>
<td width="110"><span class="STYLE3">
<input name="textfield23" type="text" value="80" size="10" />
<label>
<input type="image" name="imageField" src="images/减号.jpg" />
</label>
</span></td>
</tr>
</table>
<p>
<input type="button" name= "mybutton" value="确定" οnclick="window.close();"/>
</p>
</center>
<div align="center"></div>
</body>
</html>
希望看到的人帮我解决，很急，感激不尽！谢谢大家！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
