62,269
社区成员
发帖
与我相关
我的任务
分享<script language="javascript" type="Text/javascript">
//动态添加工序
//添加一个div,并在div放控件
function AddProcessDiv()
{
var parentDiv=document.getElementById('parentDiv');
var childDiv=document.createElement("div");
var i=parentDiv.children.length;
childDiv.id="div"+i;
childDiv.innerHTML="<table class='tableFrame' width='100%'><tr><td>工序描述</td><td><input name='procDescribe' type='text' style='width:270px;' onblur=\"this.value=this.value.replace(/,/g,',')\"/></td>"+
"<td>具体明细</td><td><input name='procDetail' type='text' style='width:300px;' onblur=\"this.value=this.value.replace(/,/g,',')\"/></td>"+
"<td>金额</td><td><input name='procMoney' type='text' style='width:50px;' onblur=\"this.value=this.value.replace(/,/g,',')\"/></td>"+
"<td><input id='btnDel' type='button' value='删除' onclick='DeleteDiv("+i+")' /></td></tr></table>";
parentDiv.appendChild(childDiv);
}
//删除div
function DeleteDiv(str)
{
var parentDiv=document.getElementById('parentDiv');
var temp=parentDiv.children[str];
temp.removeNode(true);
for(var i = 0;i < parentDiv.children.length;i++)
{
parentDiv.childNodes[i].value = i;
parentDiv.childNodes[i].childNodes[1].outerHTML="<input id='btnDel' type='button' value='删除' onclick='DeleteDiv("+i+")' />";
}
}
</script><tr>
<td colspan="6">
<input id="btnAddProcess" style="position: relative" type="button" onclick="AddProcessDiv()" value="添加工序" /></td>
</tr>
<tr>
<td colspan="6">
<div id="parentDiv"></div>
</td>
</tr>