肯定高手指点如何实现添加删除一行的功能
大家好,本人是新手,正在学习用ACCESS+ASP制作网站。我用dreamweaver做了一个网页,里面的内容是单位的工作流程,实际工作中会有上百行的数据。请各位高手帮忙看一下如何通过点击添加按钮,网页就会自动添加新的一行,而且包括自动添加下拉列表框和保存、修改按钮。点击删除按钮的时候,就会把最后一行的单元格都删掉。点击重置按钮时,就会把一行里面所有文本区域内的文字都清空,恳请大家指点,谢谢。
如果我要是把这个表格按照列来分割,通过层的方式制作表格,每一列都放在一个层内,把若干层排列在一起,不知道还能不能实现点击添加按钮的时候,网页就会自动添加一行的功能。也恳请大家指点,谢谢。
<!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>CAT</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:87px;
top:59px;
width:766px;
height:265px;
z-index:1;
}
.STYLE1 {
font-family: "宋体";
font-size: 14px;
font-weight: bold;
}
.STYLE4 {font-size: 14px; font-weight: bold; }
.STYLE5 {font-family: "宋体"}
.STYLE8 {font-size: 16px;
font-weight: bold;
border-left-style: none;
border: None;
}
.STYLE12 {font-size: 16px; font-weight: bold; }
body {
background-color: #CCFFFF;
}
-->
</style>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="752" border="0" cellpadding="0" cellspacing="0" id="first">
<tr>
<td width="81" height="30"><div align="center" class="STYLE12"><a href="brand.html" target="_blank">首页</a></div></td>
<td width="81" align="center" valign="middle"><div align="center" class="STYLE12" onclick="window.close()"><a href="/" onclick="javascript:window.close(); return false;"><u>退出</u></a></div></td>
<td width="77"> </td>
<td width="77"> </td>
<td width="148"> </td>
<td width="288"> </td>
</tr>
<tr>
<td height="25"><div align="center">
<input type="submit" style="width:50px; height:25px" name="add" id="add" value="添加" />
</div></td>
<td><div align="center">
<input name="delete" type="submit" id="delete" style="width:50px; height:25px" value="删除" />
</div></td>
<td> <div align="center">
<input name="reset" style="width:50px; height:25px" type="submit" id="reset4" value="重置" />
</div></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
<form id="form2" name="form2" method="post" action="">
<table width="2030" height="110" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#99FF00" id="process">
<tr>
<td height="33" colspan="5" bgcolor="#FF00FF"><div align="center" class="STYLE8">
<div align="center">业务科</div>
</div></td>
<td colspan="6" bgcolor="#0099FF"><div align="center" class="STYLE8">
<div align="center">技术科</div>
</div></td>
<td width="140" bgcolor="#FFCC00"><div align="center" class="STYLE8">
<div align="center">生产科</div>
</div></td>
<td width="140" bgcolor="#FF00FF"><div align="center" class="STYLE8">
<div align="center">物流科</div>
</div></td>
<td colspan="2" bgcolor="#FFCC00"><div align="center" class="STYLE8">
<div align="center">车间</div>
</div></td>
</tr>
<tr>
<td width="105" height="29" bgcolor="#FF00FF"><div align="center" class="STYLE4">
<div align="center"><span class="STYLE5">项目</span></div>
</div></td>
<td width="58" bgcolor="#FF00FF"><div align="center"><span class="STYLE4">类型</span></div></td>
<td width="35" bgcolor="#FF00FF"><div align="center" class="STYLE4">
<div align="center"><span class="STYLE5">数量</span></div>
</div></td>
<td width="140" bgcolor="#FF00FF"><div align="center" class="STYLE4">
<div align="center"><span class="STYLE5">周期</span></div>
</div></td>
<td width="140" bgcolor="#FF00FF"><div align="center" class="STYLE4">
<div align="center"><span class="STYLE5">评审</span></div>
</div></td>
<td width="140" bgcolor="#0099FF"><div align="center" class="STYLE4">
<div align="center"><span class="STYLE5">接线图</span></div>
</div></td>
<td width="140" bgcolor="#0099FF"><div align="center" class="STYLE4">
<div align="center"><span class="STYLE5">检查图</span></div>
</div></td>
<td width="140" bgcolor="#0099FF"><div align="center" class="STYLE4">
<div align="center"><span class="STYLE5">小组立</span></div>
</div></td>
<td width="140" bgcolor="#0099FF"><div align="center" class="STYLE4">
<div align="center"><span class="STYLE5">总组立</span></div>
</div></td>
<td width="140" bgcolor="#0099FF"><div align="center" class="STYLE5">
<div align="center"><span class="STYLE1">ERP</span></div>
</div></td>
<td width="140" bgcolor="#0099FF"><div align="center" class="STYLE5">
<div align="center"><span class="STYLE1">投产通知</span></div>
</div></td>
<td bgcolor="#FFCC00"><div align="center" class="STYLE4">
<div align="center">投产计划</div>
</div></td>
<td bgcolor="#FF00FF"><div align="center" class="STYLE4">
<div align="center">原料</div>
</div></td>
<td width="140" bgcolor="#FFCC00"><div align="center" class="STYLE4">
<div align="center">前段</div>
</div></td>
<td width="140" bgcolor="#FFCC00"><div align="center" class="STYLE4">
<div align="center">后段</div>
</div></td>
</tr>
<tr>
<td height="23" bgcolor="#FF00FF"><input name="textarea2" type="text" value="277-3814/HE01" size="15" maxlength="20" /></td>
<td bgcolor="#FF00FF"><select name="select" size="1">
<option value="1" selected="selected">标准</option>
<option value="2">非标</option>
<option value="3">样线</option>
</select></td>
<td bgcolor="#FF00FF"><input name="textfield2" type="text" value="200" size="5" maxlength="10" /></td>
<td bgcolor="#FF00FF"><input name="textfield322" type="text" value="2012.03.25-2012.04.12" size="20" maxlength="25" /></td>
<td bgcolor="#FF00FF"><input name="textfield462" type="text" value="OK,2012.03.24,谢" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield4652" type="text" value="OK,2012.03.26,宋" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield4653" type="text" value="OK,2012.03.27,宋" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield465510" type="text" value="OK,2012.03.28,宋" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield4655" type="text" value="OK,2012.03.29,宋" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield465511" type="text" value="OK,2012.03.29,宋" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield465512" type="text" value="OK,2012.03.29,宋" size="20" maxlength="25" /></td>
<td bgcolor="#FFCC00"><input name="textfield465513" type="text" value="OK,2012.03.29,宋" size="20" maxlength="25" /></td>
<td bgcolor="#FF00FF"><input name="textfield465514" type="text" value="OK,2012.03.30,宋" size="20" maxlength="25" /></td>
<td bgcolor="#FFCC00"><input name="textfield465515" type="text" value="OK,2012.03.31,宋" size="20" maxlength="25" /></td>
<td bgcolor="#FFCC00"><input name="textfield465516" type="text" value="OK,2012.04.01,宋" size="20" maxlength="25" /></td>
<td width="67"><div align="center">
<input name="Submit1" type="submit" id="Submit1" value="保存" />
</div></td>
<td width="49"><div align="center">
<input name="reset2" type="submit" id="reset" value="修改" />
</div></td>
</tr>
<tr>
<td height="23" bgcolor="#FF00FF"><input name="textarea3" type="text" size="15" maxlength="20" /></td>
<td bgcolor="#FF00FF"><select name="select2" size="1">
<option value="1">标准</option>
<option value="2" selected="selected">非标</option>
<option value="3">样线</option>
</select></td>
<td bgcolor="#FF00FF"><input name="textfield22" type="text" size="5" maxlength="10" /></td>
<td bgcolor="#FF00FF"><input name="textfield323" type="text" size="20" maxlength="23" /></td>
<td bgcolor="#FF00FF"><input name="textfield463" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield46542" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield46552" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield46559" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield465534" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield465535" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#0099FF"><input name="textfield465536" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#FFCC00"><input name="textfield465537" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#FF00FF"><input name="textfield465533" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#FFCC00"><input name="textfield465528" type="text" size="20" maxlength="25" /></td>
<td bgcolor="#FFCC00"><input name="textfield465527" type="text" size="20" maxlength="25" /></td>
<td><div align="center">
<input name="Submit2" type="submit" id="Submit2" value="保存" />
</div></td>
<td><div align="center">
<input name="reset2" type="submit" id="reset2" value="修改" />
</div></td>
</tr>
</table>
</form>
<p> </p>
</body>
</html>
[解决办法]
你贴出来的是静态代码,你说的功能需要动态数据库实现!先绑定数据库做个动态网页才行!
[解决办法]
你没有和数据库连接,你的数据,怎么添加,怎么删除?
[解决办法]
楼主意思是 想动态添加/删除tr及其内容, 操作时页面无刷新吗?
这个用js、ajax来做
楼主这是个系统的学习
建议先看看
http://www.w3school.com.cn/js/index.asp
http://www.w3school.com.cn/ajax/index.asp
[解决办法]
delete * from table where id='"&id&"'
[解决办法]
我觉得,
1、链接一个数据库;
2、然后循环输出你添加的,你这是一个界面
[解决办法]