<html> <head> <SCRIPT LANGUAGE="JavaScript"> function $(id){return document.getElementById(id);} function addRow() { var tby=$('tby'); tby.appendChild(tby.rows[0].cloneNode(true)); var newrow=tby.rows[tby.rows.length-1]; newrow.cells[0].innerHTML=tby.rows.length; var input=newrow.getElementsByTagName("input") for(var i=0;i<input.length;i++) input[i].value=''; } function delRow(){ myTable.deleteRow(myTable.rows.length-1); } function chkRowNum(){ var e=window.event.srcElement var i=e.parentElement.cellIndex,r=e.parentElement.parentElement.rowIndex; if(r==myTable.rows.length-1){addRow();myTable.rows[myTable.rows.length-2].cells[i].children[0].select();} }
<head>
<SCRIPT LANGUAGE="JavaScript">
function $(id){return document.getElementById(id);}
function addRow() {
var tby=$('tby');
tby.appendChild(tby.rows[0].cloneNode(true));
var newrow=tby.rows[tby.rows.length-1];
newrow.cells[0].innerHTML=tby.rows.length;
var input=newrow.getElementsByTagName("input")
for(var i=0;i<input.length;i++) input[i].value='';
}
function delRow(){
myTable.deleteRow(myTable.rows.length-1);
}
function chkRowNum(){
var e=window.event.srcElement
var i=e.parentElement.cellIndex,r=e.parentElement.parentElement.rowIndex;
if(r==myTable.rows.length-1){addRow();myTable.rows[myTable.rows.length-2].cells[i].children[0].select();}
}
function rsum(txt){
var Num=txt.parentNode.previousSibling.getElementsByTagName("input")[0];
var Total=txt.parentNode.nextSibling.getElementsByTagName("input")[0];
var Price=txt.value;
if(isNaN(Num.value))
Num=0;
else
Num=parseFloat(Num.value);
if(isNaN(Price))
Price=0;
else
Price=parseFloat(Price);
Total.value=Num*Price;
}
</SCRIPT>
</head>
<body>
<form>
<table align="center" border="1" id="Table" cellSpacing="0" cellPadding="0">
<tr>
<td>
<table width="100%" align="center" border="1" id="myTable" cellSpacing="0" cellPadding="0">
<tr>
<td>报销采购单 </td>
<td>
<input type=button onclick="addRow()" value=新增报销项>
<input type=button onclick="delRow()" value=删除报销项>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td align="center">编号 </td>
<td align="center">采购物品名称 </td>
<td align="center">数量 </td>
<td align="center">单价(元) </td>
<td align="center">总价 </td>
</tr>
<tbody id="tby">
<tr>
<td align="center">1 </td>
<td> <input type=text name=r1a1 id=r1a1 size=50 onfocus="chkRowNum()"> </td>
<td align="center"> <input type=test name=r1a2 id=r1a2 size=8 > </td>
<td> <input type=text name=r1a3 id=r1a3 size=20 onchange="rsum(this)"> </td>
<td> <input type=tex readonly=true name=r1a4 id=r1a4 size=20> </td>
</tr>
</tbody>
</table>
</body>
</html>