JS行动态插入表格

<script language="javascript">
    var RowMax=1;
   
    function Add() //添加控件
    {
     var nRow=document.all.Table1.rows.length; //获得当前TABLE的行数
     var objTheRow=document.all.Table1.insertRow(nRow);//执行添加
    
     var objRow1=objTheRow.insertCell(0);
     var objRow2=objTheRow.insertCell(1);
     var objRow3=objTheRow.insertCell(2);
     var objRow4=objTheRow.insertCell(3);
     var objRow5=objTheRow.insertCell(4);
     objRow1.innerHTML="<input type='text' id='cell1"+nRow+"' name='cell1"+nRow+"' οnkeyup=smanPromptList('cell1"+nRow+"') value='基金代码/名称' οnfοcus=sfFocus('cell1"+nRow+"','"+nRow+"') οnblur=sfBlur('cell1"+nRow+"') style='HEIGHT: 22px' size='15' style='border-style: solid; border-width:1;color:#999999'><div id='smanDisp"+nRow+"' style='BORDER-RIGHT:#799bb6 1px solid; BORDER-TOP:#799bb6 1px solid; DISPLAY:none; FONT-SIZE:14px; BACKGROUND:#ebf2f7; BORDER-LEFT:#799bb6 1px solid; CURSOR:default; BORDER-BOTTOM:#799bb6 1px solid; POSITION:absolute' onbulr></div>";
     objRow1.align="center";
     objRow1.bgcolor="#fefee6";
     objRow2.innerHTML="<INPUT type='text' id='cell2"+nRow+"' size='14' style='border-style: solid; border-width:1;COLOR: #999999'><span class='songhei12_'>&nbsp;万元</span>";
     objRow2.align="center";
     objRow2.bgcolor="#fefee6";
     objRow3.innerHTML="<INPUT type='text' id='cell3"+nRow+"' size='17' style='border-style: solid; border-width:1;' class='Wdate' onFocus='new WdatePicker(this,\"%Y年%M月%D日\",false)'>";
     objRow3.align="center";
     objRow3.bgcolor="#fefee6";
     objRow4.innerHTML="<SELECT id='cell4"+nRow+"'><OPTION selected value='银行'>银行</OPTION><OPTION selected value='证券'>证券</OPTION></SELECT>&nbsp;<INPUT type='text' id='cell5"+nRow+"' size='17' style='border-style: solid; border-width:1;color:#999999' οnfοcus=\"if(this.value == '请填写具体的银行/证券'){this.value='';}\" οnblur=\"if(this.value==''){this.value = '请填写具体的银行/证券';}\" value='请填写具体的银行/证券'>";
     objRow4.align="center";
     objRow4.bgcolor="#fefee6";
     objRow5.innerHTML="<INPUT type='button' value='删除' οnclick='return Delete();'>";
     objRow5.align="center";
     objRow5.bgcolor="#fefee6";
     RowMax=RowMax+1;
    }

    function Delete() //删除控件
    {
     var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;//获取当前索引
     document.all.Table1.deleteRow(currRowIndex);//执行删除
    
    }

</script>



<table id="Table1" cellSpacing="0" cellPadding="0" width="100%" border="0" name="Table1">
              <tr>
               <td vAlign="middle" align="center" width="15%" bgColor="#fefee6" height="25"><uc1:TxtBox id="TxtBox1" runat="server" Num="0"></uc1:TxtBox></td>
               <td vAlign="middle" align="center" width="15%" bgColor="#fefee6" height="25"><INPUT id="cell20" style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;COLOR: #999999"
                 type="text" size="14"><span class='songhei12_'>&nbsp;万元</span></td>
               <td vAlign="middle" align="center" width="21%" bgColor="#fefee6" height="25"><INPUT class="Wdate" id="cell30" style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid"
                 οnfοcus="new WdatePicker(this,'%Y年%M月%D日',false)" type="text" size="17"></td>
               <TD vAlign="middle" align="center" width="21%" bgColor="#fefee6"><SELECT id="cell40">
                 <OPTION value="银行">银行</OPTION>
                 <OPTION selected value="证券">证券</OPTION>
                </SELECT>&nbsp;<INPUT id="cell50" style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; COLOR: #999999; BORDER-BOTTOM: 1px solid"
                 type="text" size="17" onFocus="if(this.value == '请填写具体的银行/证券'){this.value='';}" onBlur="if(this.value==''){this.value = '请填写具体的银行/证券';}"
                 value="请填写具体的银行/证券"></TD>
               <td vAlign="middle" align="center" width="15%" bgColor="#fefee6">&nbsp;<INPUT onClick="return Add();" type="button" value="添加"></td>
              </tr>
</table>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值