JSP動態生成,點選新增表單table行-01(點選新增的時候會提交資料給ACTION)
阿新 • • 發佈:2019-01-27
<script language="javascript">
iIndex = 1;
var annex = 1;
var i=1; function getIndex(){ iIndex = event.srcElement.parentElement.parentElement.rowIndex; return iIndex; } function insertRow(iPos){ var otr=myTable.insertRow(annex);//插入一個tr var ocell=otr.insertCell(0);//插入一個td ocell.innerHTML="" + i + ""; var ocell=otr.insertCell(1);//插入一個td ocell.innerHTML="<input type=text size=20 name=annexValue(" + i+ ") id=annexValue(" + i + ")>"; var ocell=otr.insertCell(2);//插入一個td ocell.innerHTML="<input type=text size=20 name=annex(" + i + ") id=annexValue(" + i + ")>"; var ocell=otr.insertCell(3);//插入一個td ocell.innerHTML="<td><input type=button onclick=deleteRow(getIndex()) value='刪除'></td>"; annex++; document.getElementById("zjLength").value=annex;
i++;
}
function deleteRow(iPos){
document.all.myTable.deleteRow(iPos);
--annex;
document.getElementById("zjLength").value=annex;
}
</script>
<form name=myForm>
<a href="#" onClick="insertRow(0)">添加回避專家</a>
<tr>
<td colspan="4" name='提交行數'> <input type="text" name="zjLength" id="zjLength" /> </td>
</tr>
<table id="myTable">
<tr>
<td>序號</td>
<td>迴避專家</td>
<td>備註</td>
<td>刪除</td>
</tr>
</table>
</form>