bikebanditcom
Programmer
Ok,
So i have a form that has this button "Add a part" which adds a new line of form fields to the sheet, but it names each one for example partNumber is renamed to PartNumber_0, all the way thru 1, 2, 3, 4, so on.
below is the javascript i'm using to create the new rows dynamically.
<script language="JavaScript">
<!--
var recordCount = 0;
//start AddRow function block
function AddRow(){
var elemTbody, elemRow;
var elemCols = new Array(10);
var elempartNumber, elemQty, elemDealer, elemPrice, elemReason, elemExPartNumber, elemShipped, elemRcvd15Day, elemCrdtToBeIssd, elemCustRestockingFee, elemUnreturnableToSupp;
//create a reference to the tbody element in our table
elemTbody = document.getElementById("ResultTable"
.getElementsByTagName("tbody"
[0];
//create the tr and td objects
elemRow = document.createElement("tr"
;
elemCols[0] = document.createElement("td"
;
elemCols[1] = document.createElement("td"
;
elemCols[2] = document.createElement("td"
;
elemCols[3] = document.createElement("td"
;
elemCols[4] = document.createElement("td"
;
elemCols[5] = document.createElement("td"
;
elemCols[6] = document.createElement("td"
;
elemCols[7] = document.createElement("td"
;
elemCols[8] = document.createElement("td"
;
elemCols[9] = document.createElement("td"
;
elemCols[10] = document.createElement("td"
;
//create our text inputs and our select dropdown
elemPartNumber = document.createElement("input"
;
elemQty = document.createElement("input"
;
elemDealer = document.createElement("select"
;
elemMercValue = document.createElement("input"
;
elemReason = document.createElement("select"
;
elemExPartNumber = document.createElement("input"
;
elemShipped = document.createElement("select"
;
elemRcvd15Day = document.createElement("select"
;
elemCrdtToBeIssd = document.createElement("select"
;
elemCustRestockingFee = document.createElement("select"
;
elemUnreturnableToSupp = document.createElement("select"
;
var elemOption;
var elemOption2;
//do the text boxes first
elemPartNumber.name = "partNumber_" + recordCount;
elemPartNumber.type = "text";
elemQty.name = "qty_" + recordCount;
elemQty.type = "text";
elemQty.size = "4"
elemMercValue.name = "mercValue_" + recordCount;
elemMercValue.type = "text";
elemMercValue.size = "8"
elemExPartNumber.name = "exPartNumber_" + recordCount;
elemExPartNumber.type = "text";
//do the select box next
elemDealer.name = "dealer_" + recordCount;
elemDealer.size = "1";
elemReason.name = "reason_" + recordCount;
elemReason.size = "1";
elemShipped.name = "shipped_" + recordCount;
elemShipped.size = "1";
elemRcvd15Day.name = "Rcvd15Day._" + recordCount;
elemRcvd15Day.size = "1";
elemCrdtToBeIssd.name = "CrdtToBeIssd_" + recordCount;
elemCrdtToBeIssd.size = "1";
elemCustRestockingFee.name = "CustRestockingFee_" + recordCount;
elemCustRestockingFee.size = "1";
elemUnreturnableToSupp.name = "UnreturnableToSupp_" + recordCount;
elemUnreturnableToSupp.size = "1";
//add the options
var optCtr;
// creating a new option: text, value
//add the option
elemOption = new Option("Select One","Select One"
;
elemDealer.add(elemOption);
elemOption = new Option("HOUSE","HOUSE"
;
elemDealer.add(elemOption);
elemOption = new Option("PARTS","PARTS"
;
elemDealer.add(elemOption);
elemOption = new Option("TR","TR"
;
elemDealer.add(elemOption);
elemOption = new Option("VLE","VLE"
;
elemDealer.add(elemOption);
elemOption = new Option("SOUTH","SOUTH"
;
elemDealer.add(elemOption);
elemOption2 = new Option("Select One","Select One"
;
elemReason.add(elemOption2);
elemOption2 = new Option("Customer Return","Customer Return"
;
elemReason.add(elemOption2);
elemOption2 = new Option("Incorrect or Damaged","Incorrect or Damaged"
;
elemReason.add(elemOption2);
elemOption2 = new Option("Exchange","Exchange"
;
elemReason.add(elemOption2);
elemOption2 = new Option("BB - No Fee","BB - No Fee"
;
elemReason.add(elemOption2);
elemOption2 = new Option("BB - Pay Fee","BB - Pay Fee"
;
elemReason.add(elemOption2);
elemOption3 = new Option("Yes","Yes"
;
elemShipped.add(elemOption3);
elemOption3 = new Option("No","No"
;
elemShipped.add(elemOption3);
elemOption4 = new Option("Yes","Yes"
;
elemRcvd15Day.add(elemOption4);
elemOption4 = new Option("No","No"
;
elemRcvd15Day.add(elemOption4);
elemOption5 = new Option("Yes","Yes"
;
elemCrdtToBeIssd.add(elemOption5);
elemOption5 = new Option("No","No"
;
elemCrdtToBeIssd.add(elemOption5);
elemOption6 = new Option("Yes","Yes"
;
elemCustRestockingFee.add(elemOption6);
elemOption6 = new Option("No","No"
;
elemCustRestockingFee.add(elemOption6);
elemOption7 = new Option("No","No"
;
elemUnreturnableToSupp.add(elemOption7);
elemOption7 = new Option("Yes","Yes"
;
elemUnreturnableToSupp.add(elemOption7);
//add the inputs to the appropriate cells
elemCols[0].appendChild(elemPartNumber);
elemCols[1].appendChild(elemQty);
elemCols[2].appendChild(elemDealer);
elemCols[3].appendChild(elemMercValue);
elemCols[4].appendChild(elemReason);
elemCols[5].appendChild(elemShipped);
elemCols[6].appendChild(elemRcvd15Day);
elemCols[7].appendChild(elemCrdtToBeIssd);
elemCols[8].appendChild(elemCustRestockingFee);
elemCols[9].appendChild(elemUnreturnableToSupp);
elemCols[10].appendChild(elemExPartNumber);
//add the cols to the row
elemRow.appendChild(elemCols[0]);
elemRow.appendChild(elemCols[1]);
elemRow.appendChild(elemCols[2]);
elemRow.appendChild(elemCols[3]);
elemRow.appendChild(elemCols[4]);
elemRow.appendChild(elemCols[5]);
elemRow.appendChild(elemCols[6]);
elemRow.appendChild(elemCols[7]);
elemRow.appendChild(elemCols[8]);
elemRow.appendChild(elemCols[9]);
elemRow.appendChild(elemCols[10]);
//add the row to the tbody tag
elemTbody.appendChild(elemRow);
//increment recordCount and update hdnRecordCount input
recordCount++;
document.getElementById("recCount"
.value = recordCount;
}
// end of AddRow function block
//-->
</script>
any ideas how to get all those parts and corresponding info and insert it into a database? thankas dan
So i have a form that has this button "Add a part" which adds a new line of form fields to the sheet, but it names each one for example partNumber is renamed to PartNumber_0, all the way thru 1, 2, 3, 4, so on.
below is the javascript i'm using to create the new rows dynamically.
<script language="JavaScript">
<!--
var recordCount = 0;
//start AddRow function block
function AddRow(){
var elemTbody, elemRow;
var elemCols = new Array(10);
var elempartNumber, elemQty, elemDealer, elemPrice, elemReason, elemExPartNumber, elemShipped, elemRcvd15Day, elemCrdtToBeIssd, elemCustRestockingFee, elemUnreturnableToSupp;
//create a reference to the tbody element in our table
elemTbody = document.getElementById("ResultTable"
//create the tr and td objects
elemRow = document.createElement("tr"
elemCols[0] = document.createElement("td"
elemCols[1] = document.createElement("td"
elemCols[2] = document.createElement("td"
elemCols[3] = document.createElement("td"
elemCols[4] = document.createElement("td"
elemCols[5] = document.createElement("td"
elemCols[6] = document.createElement("td"
elemCols[7] = document.createElement("td"
elemCols[8] = document.createElement("td"
elemCols[9] = document.createElement("td"
elemCols[10] = document.createElement("td"
//create our text inputs and our select dropdown
elemPartNumber = document.createElement("input"
elemQty = document.createElement("input"
elemDealer = document.createElement("select"
elemMercValue = document.createElement("input"
elemReason = document.createElement("select"
elemExPartNumber = document.createElement("input"
elemShipped = document.createElement("select"
elemRcvd15Day = document.createElement("select"
elemCrdtToBeIssd = document.createElement("select"
elemCustRestockingFee = document.createElement("select"
elemUnreturnableToSupp = document.createElement("select"
var elemOption;
var elemOption2;
//do the text boxes first
elemPartNumber.name = "partNumber_" + recordCount;
elemPartNumber.type = "text";
elemQty.name = "qty_" + recordCount;
elemQty.type = "text";
elemQty.size = "4"
elemMercValue.name = "mercValue_" + recordCount;
elemMercValue.type = "text";
elemMercValue.size = "8"
elemExPartNumber.name = "exPartNumber_" + recordCount;
elemExPartNumber.type = "text";
//do the select box next
elemDealer.name = "dealer_" + recordCount;
elemDealer.size = "1";
elemReason.name = "reason_" + recordCount;
elemReason.size = "1";
elemShipped.name = "shipped_" + recordCount;
elemShipped.size = "1";
elemRcvd15Day.name = "Rcvd15Day._" + recordCount;
elemRcvd15Day.size = "1";
elemCrdtToBeIssd.name = "CrdtToBeIssd_" + recordCount;
elemCrdtToBeIssd.size = "1";
elemCustRestockingFee.name = "CustRestockingFee_" + recordCount;
elemCustRestockingFee.size = "1";
elemUnreturnableToSupp.name = "UnreturnableToSupp_" + recordCount;
elemUnreturnableToSupp.size = "1";
//add the options
var optCtr;
// creating a new option: text, value
//add the option
elemOption = new Option("Select One","Select One"
elemDealer.add(elemOption);
elemOption = new Option("HOUSE","HOUSE"
elemDealer.add(elemOption);
elemOption = new Option("PARTS","PARTS"
elemDealer.add(elemOption);
elemOption = new Option("TR","TR"
elemDealer.add(elemOption);
elemOption = new Option("VLE","VLE"
elemDealer.add(elemOption);
elemOption = new Option("SOUTH","SOUTH"
elemDealer.add(elemOption);
elemOption2 = new Option("Select One","Select One"
elemReason.add(elemOption2);
elemOption2 = new Option("Customer Return","Customer Return"
elemReason.add(elemOption2);
elemOption2 = new Option("Incorrect or Damaged","Incorrect or Damaged"
elemReason.add(elemOption2);
elemOption2 = new Option("Exchange","Exchange"
elemReason.add(elemOption2);
elemOption2 = new Option("BB - No Fee","BB - No Fee"
elemReason.add(elemOption2);
elemOption2 = new Option("BB - Pay Fee","BB - Pay Fee"
elemReason.add(elemOption2);
elemOption3 = new Option("Yes","Yes"
elemShipped.add(elemOption3);
elemOption3 = new Option("No","No"
elemShipped.add(elemOption3);
elemOption4 = new Option("Yes","Yes"
elemRcvd15Day.add(elemOption4);
elemOption4 = new Option("No","No"
elemRcvd15Day.add(elemOption4);
elemOption5 = new Option("Yes","Yes"
elemCrdtToBeIssd.add(elemOption5);
elemOption5 = new Option("No","No"
elemCrdtToBeIssd.add(elemOption5);
elemOption6 = new Option("Yes","Yes"
elemCustRestockingFee.add(elemOption6);
elemOption6 = new Option("No","No"
elemCustRestockingFee.add(elemOption6);
elemOption7 = new Option("No","No"
elemUnreturnableToSupp.add(elemOption7);
elemOption7 = new Option("Yes","Yes"
elemUnreturnableToSupp.add(elemOption7);
//add the inputs to the appropriate cells
elemCols[0].appendChild(elemPartNumber);
elemCols[1].appendChild(elemQty);
elemCols[2].appendChild(elemDealer);
elemCols[3].appendChild(elemMercValue);
elemCols[4].appendChild(elemReason);
elemCols[5].appendChild(elemShipped);
elemCols[6].appendChild(elemRcvd15Day);
elemCols[7].appendChild(elemCrdtToBeIssd);
elemCols[8].appendChild(elemCustRestockingFee);
elemCols[9].appendChild(elemUnreturnableToSupp);
elemCols[10].appendChild(elemExPartNumber);
//add the cols to the row
elemRow.appendChild(elemCols[0]);
elemRow.appendChild(elemCols[1]);
elemRow.appendChild(elemCols[2]);
elemRow.appendChild(elemCols[3]);
elemRow.appendChild(elemCols[4]);
elemRow.appendChild(elemCols[5]);
elemRow.appendChild(elemCols[6]);
elemRow.appendChild(elemCols[7]);
elemRow.appendChild(elemCols[8]);
elemRow.appendChild(elemCols[9]);
elemRow.appendChild(elemCols[10]);
//add the row to the tbody tag
elemTbody.appendChild(elemRow);
//increment recordCount and update hdnRecordCount input
recordCount++;
document.getElementById("recCount"
}
// end of AddRow function block
//-->
</script>
any ideas how to get all those parts and corresponding info and insert it into a database? thankas dan