ASP.NET Create textbox on fly using javascript

Question

I want to create a textbox on the fly (in the comment section im creating). Now I would like your opinion on whats the best solution. I was thinking about using a webmethod and add a textbox control dynamically, but since this requires a call to the server I'm not sure if that's the best option. Or can i also spawn a textbox using plain old javascript and still getting it's value on postback?

Thanks again guys

Kind regards, Mark

Umair A. · Accepted Answer · 2010-08-01 16:44:16Z

2

Put the TextBox using ordinary HTML input element on page and set its visibility property to collapsed using style tag then in code behind make it visible.

HTML Tag:

<input id="myTextBox" type="text" style="visibility: collapse;" />

Javascript:

var txt = document.getElementById("myTextBox");
txt.style.visibility = "visible";

Hope this helps!

answered Aug 1, 2010 at 16:44

Umair A.

6,95220 gold badges87 silver badges134 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Umair A. Over a year ago

if you want to access the textbox from server side also add a attribute in the HTML tag as follows: <input id="myTextBox" type="text" style="visibility: collapse;" runat="server" />

Daniel O'Hara · Accepted Answer · 2010-08-01 16:40:28Z

0

You can create a new element using plain old JavaScript:

var textbox = document.createElement("textarea");
textbox.className = "my-textarea"; //Styling with CSS 
document.getElementById("myelement").appendChild(textbox);

answered Aug 1, 2010 at 16:40

Daniel O'Hara

13.5k3 gold badges48 silver badges70 bronze badges

Collectives™ on Stack Overflow

ASP.NET Create textbox on fly using javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related