做個訂單系統時，遇到要批量添加產品，找了js代碼，貼出了分享一下：
<body>
<script type="text/javascript">
var count = 0;
function AddProduct(num){
count += 1;
//定義載入數據容器
var ProductBox = document.getElementById("ProductBox");
var div = document.createElement("div");
var countTxt = document.createTextNode("序號"+count);
//消費條目名稱
var inputTxt = document.createElement("input");
inputTxt.type = "text";
inputTxt.value = +count;
inputTxt.name = "wa";
inputTxt.id = "wa"+count;
inputTxt.onclick = function() {
var tempStr11=this.id;
var tempStr12=tempStr11.slice(2); //從第3個字符開始截取
SelectProduct(tempStr12); //選擇消費條目
}
//條目單價
var inputTxta = document.createElement("input");
inputTxta.type = "text";
inputTxta.value = document.getElementById("a"+num).value;
inputTxta.name = "wb"+count;
//條目數量
var inputTxtaa = document.createElement("input");
inputTxtaa.type = "text";
inputTxtaa.value = document.getElementById("aa"+num).value;
inputTxtaa.name = "wc"+count;
//刪除指定行數據
var btnDel = document.createElement("input");
btnDel.type = "button";
btnDel.value = "刪除";
btnDel.onclick = function()
{
this.parentNode.parentNode.removeChild(this.parentNode);
var n = ProductBox.getElementsByTagName("div");
for(var k=0; k<n.length; k++)
{
n[k].firstChild.nodeValue = "序號"+(k+1);
}
count -= 1;
}
//動態插入每行數據標籤
div.appendChild(countTxt);
div.appendChild(inputTxt);
div.appendChild(inputTxta);
div.appendChild(inputTxtaa);
div.appendChild(btnDel);
ProductBox.appendChild(div);
}
</script>
<form name="form" action="saveadd.asp" method="post">
<input type="button" name="add" id="add" value="添加條目" οnclick="AddProduct(1);" />
<div id="ProductBox">
<input name="a1" type="hidden" id="a1" value="" />
<input name="aa1" type="hidden" id="aa1" value="666" />
<input name="aaa1" type="hidden" id="aaa1" value="" />
<input name="aaaa1" type="hidden" id="aaaa1" value="" />
</div>
<input type="submit" name="button" id="button" value="提交" />
</form>
</body>