日期:2014-05-18 浏览次数:20560 次
//动态增加行 function addRow() { var tab=document.getElementById("table2"); var tabrow=tab.rows.length; //创建行 var _tr=tab.insertRow(); //创建第一列 var _tdId=_tr.insertCell(0); //第一列赋值 _tdId.innerHTML = tabrow; //创建第二列 var _tdDate=_tr.insertCell(1); //第二列赋值(日期) _tdDate.innerHTML=getDate(); //创建第三列 var _tdAuthor=_tr.insertCell(2); _tdAuthor.innerHTML="<input type='text' id='ColAuthor"+tabrow+"' class='input' size='10' >"; //创建第四列 var _tdMoney =_tr.insertCell(3); _tdMoney.innerHTML="<input type='text' id='ColMoney"+tabrow+"' class='input' size='10' >"; //创建第五列 var _tdPayment=_tr.insertCell(4); _tdPayment.innerHTML="<input type='text' id='ColPayment"+tabrow+" 'class='input' size='28' >"; } //获取日期 function getDate() { var mydate=new Date(); var _year=mydate.getFullYear(); var _month=mydate.getMonth()+1; var _day=mydate.getDate(); var currentDate= _year+"-"+_month+"-"+_day; return currentDate; }
<form id="form1" runat="server"> <div> <table width="600px"> <tr> <td> <input type="button" id="btnaddrow" onclick="addRow();" value="增加行"/> <asp:Button ID="btnSave" runat="server" Text="保存" onclick="btnSave_Click" /> </td> </tr> <tr> <td style="width:100%;"> <table id="table2" width="100%" border="#035A95 1px solid;" cellpadding=""> <tr> <td id="ColId" Width="60px;" align="center"> 序号</td> <td id="ColDate" Width="120px" align="center">审核时间</td> <td id="ColAuthor" Width="120px" align="center"> 提起人</td> <td id="ColMoney" Width="100px" align="center"> 金额</td> <td id="ColPayment" Width="200px" align="center">审核依据</td> </tr> </table> </td> </tr> </table> </div> </form>