如何动态在表格中添加记录

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>奖金发放</title>
<link rel="stylesheet" href="/images/YM.CSS" type="text/css">
<script language=JavaScript>
var strdepartment=""
var strdepartlen=0;
var info=new Array();
var alldepartmentid=""
var partDepartmentid=""
var laiyuan=""
var calendarStr="/images/Calendar.htm";
var dialogStr="dialogWidth:366px;dialogHeight:245px;dialogLeft:200px;dialogTop:100px;center:yes";
function windows_onload(){var info_endStr=""
var departArray=new Array()
departArray=alldepartmentid.split("$")
for (var j=0;j<info.length-1;j=j+2)
{
var step_flag=0
for (var i=0;i<departArray.length;i++)
{

if ( departArray[i]==info[j+1] )
{
step_flag=step_flag+1
}
else
{
step_flag=step_flag+0
}
}
if(step_flag!=1)
{
info_endStr=info_endStr+info[j]+"$"+info[j+1]+"$"
}

}
var info_end=new Array()
info_end=info_endStr.split("$")
var step=parseInt(info.length-1)/2;
var secondstep=3
var tdcon="<tr bgcolor=#ffffff align=center><td colspan=8>共"+step+"个部门."+"</td></tr><tr bgcolor=#ffffff>";
tdcon=tdcon+"<td align=center>"+"部门名称"+"</td>";
        tdcon=tdcon+"<td align=center>"+"选择情况"+"</td>";
tdcon=tdcon+"<td align=center>"+"部门名称"+"</td>";
tdcon=tdcon+"<td align=center>"+"选择情况"+"</td>";
tdcon=tdcon+"<td align=center>"+"部门名称"+"</td>";
tdcon=tdcon+"<td align=center>"+"选择情况"+"</td>";
tdcon=tdcon+"<td align=center>"+"部门名称"+"</td>";
tdcon=tdcon+"<td align=center>"+"选择情况"+"</td>";
tdcon=tdcon+"</tr>";
var str="<TABLE bgcolor=#000000 border=0 cellspacing=1 align=center  width=670>";
    if(this.laiyuan=1){
var n=info_end.length-1;
fldCount=8;
for(var i=0;i<n;i=i+fldCount){
tdcon=tdcon+"<tr bgcolor=#ffffff align=center id=gho"+i+">"
for(var j=0;j<fldCount;j=j+2){
if (info_end[i+j]=="")
{
if((i+j)%8==0){break;}
if((i+j)%8==2){
tdcon=tdcon+"<td></td><td></td><td></td><td></td><td></td><td></td>"
break;}
if((i+j)%8==4){
tdcon=tdcon+"<td></td><td></td><td></td><td></td>"
break;}
if((i+j)%8==6){
tdcon=tdcon+"<td></td><td></td>"
break;}
}
else
{
tdcon=tdcon+"<td>"+info_end[i+j]+"</td>"
tdcon=tdcon+"<td>"+"<INPUT id=cname value="+info_end[i+j+1]+" type=checkbox >"+"</td>"
}
}
tdcon=tdcon+"</tr>";
}
}

info1.innerHTML=str+tdcon+"</table>"; }
function comp_date(str1,str2)
{//用于当输入开始时间和结束时间时对两个时间的比较
var date1=new Array();
var date2=new Array();

date1=str1.split("-");
date2=str2.split("-");
if (parseInt(date1[0],10)>parseInt(date2[0],10)) {
return false;
}else {
if (parseInt(date1[0],10)==parseInt(date2[0],10)) {
if (parseInt(date1[1],10)>parseInt(date2[1],10)) {
return false;
}else {
if (parseInt(date1[1],10)==parseInt(date2[1],10)) {
if (parseInt(date1[2],10)>parseInt(date2[2],10)){
return false;
}
}
}
}
}
return true;
}
function tianshu_onkeypress()
{

if(event.keyCode<46 || event.keyCode >57)
         {
         event.returnValue = false;
        return;
         }
  if(gongzuotianshu.value.length>=6)
  {
  alert("这么多天没发奖金了吗，请检查后再添加！");
  event.returnValue=false;
gongzuotianshu.focus();
  return;
  }
   }
function text_onkeypress()
{

if(event.keyCode<46 || event.keyCode >57)
         {
         event.returnValue = false;
        return;
         }

   }function fafangtime_onclick()
{
fafangriqi.value=showModalDialog(calendarStr,"",dialogStr);
}
function qishitime_onclick(){
kaohekaishi.value=showModalDialog(calendarStr,"",dialogStr);
}
function zhongzhitime_onclick(){
kaohezhongzhi.value=showModalDialog(calendarStr,"",dialogStr);
}
var seleno=0;
function all_onclick()
{
seleno=seleno+1;
if ((seleno%2)==1){
for(i=0;i<=document.all.item("cname").length-1;i++)
{
document.all.item("cname")(i).checked=true;

}
}
else {
for(i=0;i<=document.all.item("cname").length-1;i++)
{
document.all.item("cname")(i).checked=false;
}
}
}
var sel=0
var selno
var conditions=""
function confirmbutton_onclick(){
sel=0
if(moneytext.value=="")
{
alert("请输入发放金额")
return;
}
//alldepartmentid=""
strdepartlen=0;
for(i=0;i<=document.all.item("cname").length-1;i++)
{
if(document.all.item("cname")(i).checked==1){
alldepartmentid=alldepartmentid+document.all.item("cname")(i).value+"$"
partDepartmentid=partDepartmentid+document.all.item("cname")(i).value+"$"+moneytext.value+"$"
sel=sel+1;

}
}
if (sel<1)
{
alert("请选择你要发奖金的部门！")
return;
}
addDivaddDepartment(partDepartmentid,moneytext.value)
} function addDivaddDepartment(strdepartment,textvalue)
{
var addDepartmentinfo=new Array()
var tdcon=""
addDepartmentinfo=strdepartment.split("$")
addDepartmentinfo[addDepartmentinfo.length]=""
tdcon="<table border=0 cellspacing=1 bgcolor=#000000><tr bgcolor=#ffffff align=center><td colspan=6>发放明细</td></tr><tr bgcolor=#ffffff>"
tdcon=tdcon+"<td align=center>"+"部门名称"+"</td>";
    tdcon=tdcon+"<td align=center>"+"发放金额"+"</td>";
    tdcon=tdcon+"<td align=center>"+"部门名称"+"</td>";
    tdcon=tdcon+"<td align=center>"+"发放金额"+"</td>";
    tdcon=tdcon+"<td align=center>"+"部门名称"+"</td>";
    tdcon=tdcon+"<td align=center>"+"发放金额"+"</td></tr>";
    for (var i=0;i<addDepartmentinfo.length-1;i=i+6)
    {
tdcon=tdcon+"<tr bgcolor=#ffffff>"
for (var z=i;z<i+6;z=z+2)
{
if(addDepartmentinfo[z]=="")
{
if(z%6==0)
{break}
if(z%6==2)
{
tdcon=tdcon+"<td></td><td></td><td></td><td></td>"
break;
}
if(z%6==4)
{
tdcon=tdcon+"<td></td><td></td>"
break;
}

}
for (var j=0;j<info.length-1;j=j+2)
{
if(addDepartmentinfo[z]==info[j+1])
{
tdcon=tdcon+"<td><input type=text readonly size=16 id=departid value="+info[j]+"><input type=hidden id=departidhidden value="+info[j+1]+"></td><td><input type=text size=6 maxlength=10 id=moneytextid onkeypress=text_onkeypress() value="+addDepartmentinfo[z+1]+"></td>"
}
}

}
tdcon=tdcon+"</tr>"
    }

addDepartment.innerHTML=tdcon+"</table>";
windows_onload()
moneytext.value=""
}
////////////////////////////////////////////////////////////////////////////////////////////////////
var str_alldepartmentid=""
var str_step=0
function addnew_onclick()
{
str_alldepartmentid=""
str_step=0
sel=0
conditions="";
strdepartment="";
strdepartlen=0;if (alldepartmentid=="")
{
alert("您没做任何操作！！")
return;
}for (var i=0;i<document.all.item("departidhidden").length;i++)
{
if(document.all.item("departidhidden")(i).value!="")
{
str_alldepartmentid=str_alldepartmentid+document.all.item("departidhidden")(i).value+","+document.all.item("moneytextid")(i).value+",";
str_step=str_step+2
}
}
alert(str_alldepartmentid)

}
function cancel_onclick()
{
if(confirm("刷新本界面吗？"))
{
this.location.reload();
}
}
</script>
</head>
<body onload="windows_onload()" background="/images/bakground.GIF">
<div align="center">
<input type=hidden id=departidhidden>
<input type=hidden id=departid>
<input type=hidden id=moneytextid>
  <table width="666" height="1" border="0" cellspacing="1" bgcolor="#000000">
    <tr bgcolor="#ffffff">
      <td width="651" height="12" align="middle" bgcolor="#CAE4FF">
        <p align="center"><font color="#0000ff" size="4">奖金平均发放</font></p></td>
    </tr>
  </table>
  <div align="center">
  <center>
  <table border="0" width="668" height="253">
    <TR>
<TD align=middle width="658" height="196" ><div id=info1 name = "info" align=center></div></TD>
</TR>
    <tr>
      <td width="663" height="45">
        <p align="center"><input type="button" value="全   选" name="checkall" onclick="all_onclick()">               
        <input type="button" value="提交" name="next" onclick="addnew_onclick()">           <INPUT name=goback onclick=cancel_onclick() type=button value="取   消"  >     </p></td>
    </tr>
  </table>
</div>
</div>
<table border=0 style="HEIGHT: 29px; WIDTH: 697px"><tr><td>
      <P align=center style="COLOR: blue">发放金额<input maxLength=10 name=moneytext size=10 onkeypress="text_onkeypress()" ><INPUT name=confirmbutton onclick=confirmbutton_onclick() type=button value=确定></P></td></tr></table>
<div id=addDepartment>
</div></CENTER>
</body>
</html><SCRIPT LANGUAGE=javascript>

</SCRIPT>

调试易

如何动态在表格中添加记录

解决方案 »