how to create additional text box using javascript.

alan123 · Jan 15, 2004

I have a form which has text box to allow user to enter his info, beside this textbox I want to add a button, if user click it, it will pop up a new text box below, I try to use document.write("....&quot

, but it will bring a new page, I want to have additional javascript generated textbox on current page, how can I do this? thanks for any help.

LV · Jan 15, 2004

The simpliest solution woul be something like this:

Code:

var ctrl= document.createElement(&quot;INPUT&quot;);
ctrl.type = &quot;text&quot;;
ctrl.name = &quot;myText&quot;;		
document.myForm.appendChild(ctrl);

kaht · Jan 16, 2004

You could have the textbox exist the whole time, but make it visible only if the button is pressed.

-kaht

alan123 · Jan 16, 2004

Thanks for the reply,
I have this javascript:
----
<SCRIPT>
function fnAppend(){
var oNewNode1 = document.createElement("input&quot

;
var oNewNode2 = document.createElement("input&quot

;
var oNewNode3 = document.createElement("input&quot

;
var oNewNode4 = document.createElement("br&quot

;
oList.appendChild(oNewNode1);
oList.appendChild(oNewNode2);
oList.appendChild(oNewNode3);
oList.appendChild(oNewNode4);

}
</SCRIPT>
<BODY>
<form name=info action="....">
<table border=1>
<tr>
<td>Name    Age   Dept.</td>
</tr>
<tr><td>
<div ID = oList>
</div>
<div>
<input name="button"
type = "button"
onClick = "fnAppend()"
value = "Add">
</div></td></tr>
</table>
</form>
</BODY>
-------

Now I can add text box using this code, my question is how to pass those entered data as paramenters to next page(or display somewhere on this current page)?

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

how to create additional text box using javascript.

alan123

MIS

LV

Programmer

kaht

Programmer

alan123

MIS

Similar threads

Part and Inventory Search

Sponsor