DHTML <--->selectlist

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 402,922 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,022 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 2155 | Replies: 0

•

Join Date: Apr 2005

Posts: 14

Reputation: nandoo is an unknown quantity at this point

Rep Power: 4

Solved Threads: 0

nandoo

Offline

Newbie Poster

DHTML <--->selectlist

Apr 29th, 2005

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

Last edited by nandoo : Apr 29th, 2005 at 5:26 am. Reason: error