DOM Objects to be accessed [Archive]

nandoo

05-03-2005, 01:07 PM

Hi,
here i enclosed my coding.i want the dom objects price,qty,oselect,name,sku and upc in the html body tag so that it can be submitted into another pages.
here i want each and every element in each row to be collected and sent to the next place not the last element alone plz help me

<html>
<head>
<title> working with jscript</title>
<script type="text/javascript">
function appendtable()
{
var parent = document.getElementById("divide");
var div = document.createElement("div");

var tbl = div.appendChild(document.createElement("table"));
var tb = tbl.appendChild(document.createElement("tbody"));
var tr = tb.appendChild(document.createElement("tr"));
var td = tr.appendChild(document.createElement("td"));

parent.appendChild(div);

var oSelect=document.createElement("select");
var oOption = document.createElement("option");
var t0 = document.createTextNode("Ferrari");
oOption.setAttribute("value", 0);
oOption.appendChild(t0);
oSelect.appendChild(oOption);

var oOption1 = document.createElement("option");
var t1 = document.createTextNode("Fessari");
oOption1.setAttribute("value", 1);
oOption1.appendChild(t1);
oSelect.appendChild(oOption1);

var pname=document.createElement("input");
pname.type="text";
pname.value="product name"
pname.name = "pname";

var price=document.createElement("input");
price.type="text";
price.value="product price"

var qty=document.createElement("input");
qty.type="text";
qty.value="product quantity"

var sku=document.createElement("input");
sku.type="text";
sku.value="product SKU"

var upc=document.createElement("input");
upc.type="text";
upc.value="product UPC"

td.appendChild(oSelect);
td.appendChild(pname);
td.appendChild(price);
td.appendChild(qty);
td.appendChild(sku);
td.appendChild(upc);
oSelect.onchange=function(){ txtChange(this,pname,price,qty,sku,upc); }
}

// get element with name from parent node...
function elementOfName(parentNode, name){
var nodeList = parentNode.getElementsByTagName("INPUT");
for(var i=0; i<nodeList.length; i++){
if(nodeList.item(i).name == name){
return nodeList.item(i);
}
}
return null;
}

function txtChange(obj,pname,price,qty,sku,upc){

var pname = elementOfName(obj.parentNode, "pname");
//var price = elementOfName(obj.parentNode, "price");
var pQty = elementOfName(obj.parentNode, "qty");
var SKU = elementOfName(obj.parentNode, "price");
var UPC = elementOfName(obj.parentNode, "qty");// this is not working i dont know why....

}
</script>
</head>
<body bgcolor=white>

<FORM ACTION=dlist.html METHOD=POST>
Purchase Order ID <input type="text" name="poId"><br>
Sendor Address <input type="text" name="senderAddress"><br>
Vendor Address <input type="text" name="vendorAddress"><br>
poStatus <input type="text" name="poStatus"><br>
poDate <input type="text" name="poDate"><br>
expDate <input type="text" name="expDate"><br><br>
<h4> Product Details</h4>
<input type="button" onclick="appendtable()" value="Add Product">
<div id="divide"></div>
<input type="hidden" name=pId>//here i m sending eachand every product to submitted into the next page
<input type="hidden" name=pName>
<input type="hidden" name=price>
<input type="hidden" name=pQty>
<input type="hidden" name=SKU>
<input type="hidden" name=UPC>
<br> <input type="submit" name="btnSubmit" value="Submit Order">
</form>
</body>
</html>