Hi everyone,
Last time i posted an question but still there is no response.
ok no problem but this time i came with solution but with small difficulties.
could you please help atleast in this difficulties.
i have created the page with button and on clicking the button it produces 3 text field and with a selection list.
"now my problem is to get the selected item and change the text accordingly"
here is my code.
<html>
<head>
<script type="text/javascript">
function appendtable() {
var div = document.getElementById("divide");
var ControlsDesign = document.createElement("div");
var table_cd = document.createElement("table ");
var tr_cd = document.createElement("tr");
var td_cd = document.createElement("td");
var table_content = document.createElement("table");
var tr = document.createElement("tr");
var td = document.createElement("td");
var oSelect=document.createElement("select");
var oOption = document.createElement("OPTION");
oOption.text="Ferrari";
oOption.value="4";
oSelect.add(oOption);
var oOption1 = document.createElement("OPTION");
oOption1.text="Fessari";
oOption1.value="4";
oSelect.add(oOption1);
var txt1=document.createElement("input type=text");
txt1.value="mamu"
var txt2=document.createElement("input type=text");
txt2.value="Machan"
var txt3=document.createElement("input type=text");
txt3.value="maplai"
td.appendChild(oSelect);
td.appendChild(txt1);
td.appendChild(txt2);
td.appendChild(txt3);
tr.appendChild(td);
table_content.appendChild(tr);
td_cd.appendChild(table_content);
tr_cd.appendChild(td_cd);
table_cd.appendChild(tr_cd);
ControlsDesign.appendChild(table_cd);
div.appendChild(ControlsDesign);
document.getElementById("divide").innerHTML = document.getElementById("divide").innerHTML;
}
</script>
</head>
<body>
<input type="button" onclick="appendtable()" value="Press me">
<div id="divide" height="100"></div>
</body>
</html>
please give reply to my post i m just a kid in web developing.
Nandoo