这是在做进销存系统是总结下来的代码这段代码当你填写到最后一个表格时,会在其后自动增加一行新的表格.可以把代码考过去试一下,如果不行请给我流言,要是有更好的方法也请交流一下:
<title></title>
<script language="javascript" type="text/jscript">
function tj()
{
//function checkbilldetail(MaxPerCount){
var allrows=0;
for(var i=2;i<document.all.tablebillgrids.rows.length-2;i++){
var obj=eval("document.all.jzxCode"+i);
if(obj.value!="")//
{
var obj1=eval("document.all.WLID"+i);
if(obj1.value==""||obj1.value<=0){
alert("对不起，请输入箱号！");
obj1.focus();
return false;
}
var obj1=eval("document.all.ComSName"+i);
if(obj1.value==""){
alert("对不起，请输入客户名称！");
obj1.focus();
return false;
}
var obj1=eval("document.all.BILLDATE"+i);
if(obj1.value==""){
alert("对不起，请输入进场日期！");
obj1.focus();
return false;
}
allrows++;
}
}
if(allrows==0){
alert("对不起，您没有数据不能保存！");
return false;
}
else
{
//window.location.action="jcSave.jsp?row="+allrows;
document.pageform.action="jcSave.jsp?row="+allrows;
document.pageform.submit();
}
}
function tabtoenter(){
if(event.keyCode==13)
event.keyCode=9;
}
</script>
</head>
<body class=bodycolor>
<form name=pageform action="" method="post">
<center>
<TABLE id="tablebillgrids" class=small cellSpacing=1 cellPadding=0 width="100%" bgcolor='#000000' border=0>
<TBODY>
<TR class=statusbar bgcolor="#ffffff">
<TD height="30" colspan="11" align=center valign="middle">集装箱进场</TD>
</TR>
</TBODY>
<tr height="25" bgcolor="#ffffff" class=TableHeader>
<td align=center valign="middle">箱号：</td>
<td align=center valign="middle">客户名称：</td>
<td align=center valign="middle">制单人：</td>
<td align=center valign="middle">备注：</td>
</tr>
<script language="javascript" type="text/jscript">
function selectaddline(){
oRow = document.all.tablebillgrids.insertRow(document.all.tablebillgrids.rows.length-2);
oRow.id = "Rows" + oRow.rowIndex;//起始行从第1行开始
oCell = oRow.insertCell();
oCell.height="24";
oCell.width="";
oCell.bgColor="#ffffff";
oCell.align="center";
oCell.innerHTML = "<input name=\"jzxCode"+oRow.rowIndex+"\" type=text class=SmallInput id=\"jzxCode"+oRow.rowIndex+"\" onkeydown=\"tabtoenter();\" onchange=\"autoaddline();\" size=\"25\" value=''><font color=red>*</font>";
oCell = oRow.insertCell();
oCell.height="24";
oCell.width="";
oCell.bgColor="#ffffff";
oCell.align="center";
oCell.innerHTML = "<input class=SmallInput size=\"25\" onkeydown=\"tabtoenter();\"> <font color=red>*</font>";
oCell = oRow.insertCell();
oCell.height="24";
oCell.width="";
oCell.bgColor="#ffffff";
oCell.align="center";
oCell.innerHTML = "<input type=text class=SmallInput id=\"zdPerson3\" onkeydown=\"tabtoenter();\" size=\"20\">";
oCell = oRow.insertCell();
oCell.height="24";
oCell.width="";
oCell.bgColor="#ffffff";
oCell.align="center";
oCell.innerHTML = "<input type=text class=SmallInput id=\"memotext\" onkeydown=\"tabtoenter();\" size=\"30\"/>";
}
function addinitline(){
for(var i=0;i<16;i++){
selectaddline();
}
}
function autoaddline(){
if(document.forms["pageform"].elements["jzxCode"+(document.all.tablebillgrids.rows.length-3)].value!="") selectaddline();
}
setTimeout("addinitline()",50);
</script>
<tr bgcolor="#ffffff">
<td align=left colspan=11><font color=green>标记为<font color=red>*</font>的为必填项</font> </td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="10" align="center">
<table border="0" width="40%" id="table1" height="34">
<tr>
<td height="30" align="center"><input type=button value=" 确 定 " onClick="tj();" class=BigButton></td>
<td align="center"><input type=button onClick="javascript:history.back()" value=" 返 回 " class=BigButton></td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</form>
</body>
</html>
