动态增减页面Html控件
<form name="formAddDropOrder" action="dropshipping.html?type=2" method="post">
<table width="760" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td height="30"><b>Please enter the SKU code and quantity of products:</b></td>
</tr>
<tr>
<td height="30"><div id="divAddProductPanel">SKU:<input type="text" size="20" class="inputSKUs" /> Quantity:<input type="text" value="1" size="10" class="inputQuantities" />
<a class="ifttop" href="#" onclick="addProductPanel();"><img border="0" src="${global_templatePath}images/add_product.gif"/></a></div><span id="MyFile"/><input type="hidden" name="array_skus" id="array_skus" value="" /><input type="hidden" id="array_quantities" name="array_quantities" value="" /></td>
</tr>
<tr>
<td height="30" align="right"> </td>
</tr>
</tbody></table>
</form>
<script type="text/javascript">
<!--
function addProductPanel() {
var divCount = $("#divAddProductPanel div").length;
$("#divAddProductPanel").append("<div id=\"divNum"
+ divCount + "\"><label>SKU:</label><input type=\"text\" size=\"20\" class=\"inputSKUs\"/>"
+ "<label> Quantity:</label><input type=\"text\" size=\"10\" class=\"inputQuantities\" value=\"1\" "
+" style=\"background-color: rgb(255, 255, 255);\"/>"
+ "<label style=\"cursor: pointer;\" onclick='removeProductPanel(\"divNum"+divCount+"\")'> <img border=\"0\" src=\"templates/images/cancel_product.gif\"/></label></div>");
}
function removeProductPanel(addProductPanelId) {
// debugger;
$("#" + addProductPanelId).remove();
}
function goAutoPay() {
openWindow("http://www.focalprice.com/myhome/autopay.aspx?n=" + $("#aAutoPay").attr("onum"));
}
function addDropOrder(){
var skus = "";
var skuArray = new Array();
skuArray = $(".inputSKUs");
for (var i = 0; i < skuArray.length; i++) {
if ($(skuArray ).val().length == 0) {
alert("The SKU is required.");
return 0;
}
else {
if (skus != "") {
skus += ",";
}
skus += $(skuArray ).val();
}
}
$("#array_skus").val(skus);
//alert($("#array_skus").val());
var quantities = "";
var quantityArray = new Array();
quantityArray = $(".inputQuantities");
for (var i = 0; i < quantityArray.length; i++) {
if ($(quantityArray ).val().length == 0) {
alert("The Quantity is incorrect.");
return 0;
}
else {
if (quantities != "") {
quantities += ",";
}
quantities += $(quantityArray ).val();
}
}
$("#array_quantities").val(quantities);
//alert($("#array_quantities").val());
formAddDropOrder.submit();
}
-->
</script>
<table width="760" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td height="30"><b>Please enter the SKU code and quantity of products:</b></td>
</tr>
<tr>
<td height="30"><div id="divAddProductPanel">SKU:<input type="text" size="20" class="inputSKUs" /> Quantity:<input type="text" value="1" size="10" class="inputQuantities" />
<a class="ifttop" href="#" onclick="addProductPanel();"><img border="0" src="${global_templatePath}images/add_product.gif"/></a></div><span id="MyFile"/><input type="hidden" name="array_skus" id="array_skus" value="" /><input type="hidden" id="array_quantities" name="array_quantities" value="" /></td>
</tr>
<tr>
<td height="30" align="right"> </td>
</tr>
</tbody></table>
</form>
<script type="text/javascript">
<!--
function addProductPanel() {
var divCount = $("#divAddProductPanel div").length;
$("#divAddProductPanel").append("<div id=\"divNum"
+ divCount + "\"><label>SKU:</label><input type=\"text\" size=\"20\" class=\"inputSKUs\"/>"
+ "<label> Quantity:</label><input type=\"text\" size=\"10\" class=\"inputQuantities\" value=\"1\" "
+" style=\"background-color: rgb(255, 255, 255);\"/>"
+ "<label style=\"cursor: pointer;\" onclick='removeProductPanel(\"divNum"+divCount+"\")'> <img border=\"0\" src=\"templates/images/cancel_product.gif\"/></label></div>");
}
function removeProductPanel(addProductPanelId) {
// debugger;
$("#" + addProductPanelId).remove();
}
function goAutoPay() {
openWindow("http://www.focalprice.com/myhome/autopay.aspx?n
}
function addDropOrder(){
var skus = "";
var skuArray = new Array();
skuArray = $(".inputSKUs");
for (var i = 0; i < skuArray.length; i++) {
if ($(skuArray
alert("The SKU is required.");
return 0;
}
else {
if (skus != "") {
skus += ",";
}
skus += $(skuArray
}
}
$("#array_skus").val(skus);
//alert($("#array_skus").val());
var quantities = "";
var quantityArray = new Array();
quantityArray = $(".inputQuantities");
for (var i = 0; i < quantityArray.length; i++) {
if ($(quantityArray
alert("The Quantity is incorrect.");
return 0;
}
else {
if (quantities != "") {
quantities += ",";
}
quantities += $(quantityArray
}
}
$("#array_quantities").val(quantities);
//alert($("#array_quantities").val());
formAddDropOrder.submit();
}
-->
</script>