您的位置：首页 > 其它

动态添加/删除表格的一行我的办法

2006-08-07 18:08 531 查看

<!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>uploadfile</title>
<script language="javascript">
function addRow()
{//添加表格的一行
oTR=idTB.insertRow(idTB.rows.length);
tmpNum=oTR.rowIndex;
oTD=oTR.insertCell(0);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<td height='25'><nobr><font style='font-size:12px;color:#000080;font-weight:bold;'>下发内容</font></nobr></td>";

oTD=oTR.insertCell(1);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<input type='file' name='txt"+tmpNum+"' />";//要在该格添加的HTML代码填在这里，因为这里是text，注意不要重名了。

return true;
}
function delRow(){//删除表格的一行
sIndex=oTR.rowIndex;
if(sIndex=='')
sIndex=idTB.rows.length-1;
else
sIndex=parseInt(sIndex)-1;
if(sIndex>0)
{
idTB.deleteRow(sIndex);
}

}

function addRow1()
{//添加表格的一行
oTR=table1.insertRow(table1.rows.length);
tmpNum=oTR.rowIndex;
oTD=oTR.insertCell(0);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<td height='25'><nobr><font style='font-size:12px;color:#000080;font-weight:bold;'>新增文件</font></nobr></td>";

oTD=oTR.insertCell(1);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<input type='file' name='txt"+tmpNum+"' />";//要在该格添加的HTML代码填在这里，因为这里是text，注意不要重名了。

return true;
}
function delRow1(){//删除表格的一行
sIndex=oTR.rowIndex;
if(sIndex=='')
sIndex=table1.rows.length-1;
else
sIndex=parseInt(sIndex)-1;
if(sIndex>0)
{
table1.deleteRow(sIndex);
}

}

function addRow2()
{//添加表格的一行
oTR=table2.insertRow(table2.rows.length);
tmpNum=oTR.rowIndex;
oTD=oTR.insertCell(0);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<td height='25'><nobr><font style='font-size:12px;color:#000080;font-weight:bold;'>调整文件</font></nobr></td>";

oTD=oTR.insertCell(1);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<input type='file' name='txt"+tmpNum+"' />";//要在该格添加的HTML代码填在这里，因为这里是text，注意不要重名了。

return true;
}
function delRow2(){//删除表格的一行
sIndex=oTR.rowIndex;
if(sIndex=='')
sIndex=table2.rows.length-1;
else
sIndex=parseInt(sIndex)-1;
if(sIndex>0)
{
table2.deleteRow(sIndex);
}

}

</script>
<style type="text/css">

</style>
</head>

<body>

<form name="form1" method="post" enctype="multipart/form-data" action="upload.jsp">

<table width="100%" border="1" align="center" cellpadding="1" cellspacing="1" class=text id="idTB">

</table>
<table width="100%" border="1">
<tr>
<td width="48"> </td>
<td width="99"><input name="button2" type="button" onclick="addRow()" value="添加" /></td>
<td width="99">
<input name="button" type="button" onclick="delRow()" value="删除" /> </td>
<td width="701"><input type="submit" name="Submit2" value="开始上传" /></td>
</tr>
</table>
</p>

</form >

<p><a href="#">返回申请表单</a></p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航