<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);
oSelect.onchange=function(){ txtChange(this); }
var prodname=document.createElement("input");
prodname.type="text";
prodname.value="product name";
prodname.name = "prname";
var prodprice=document.createElement("input");
prodprice.type="text";
prodprice.value="product price";
prodprice.name="prprice";
var prodqty=document.createElement("input");
prodqty.type="text";
prodqty.value="product quantity";
prodqty.name="prqty";
var prodsku=document.createElement("input");
prodsku.type="text";
prodsku.value="product SKU";
prodsku.name="prsku";
var produpc=document.createElement("input");
produpc.type="text";
produpc.value="product UPC";
produpc.name="prupc";
td.appendChild(oSelect);
td.appendChild(prodname);
td.appendChild(prodprice);
td.appendChild(prodqty);
td.appendChild(prodsku);
td.appendChild(produpc);
}
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)
{
var pName = elementOfName(obj.parentNode, "prname");
var tprice = elementOfName(obj.parentNode, "prprice");
var tqty = elementOfName(obj.parentNode, "prqty");
var tsku = elementOfName(obj.parentNode, "prsku");
var tupc = elementOfName(obj.parentNode, "prupc");
var elt=obj[obj.selectedIndex].text;
}
</script>
</head>
<body bgcolor=white>
<%@ taglib uri="http://webm-taglib.tld" prefix="webm" %>
<FORM ACTION=http://10.200.13.83:5555/invoke/app/flowDList 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>
<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>