Accessing javascript-generated textboxes with ASP.NET

**Mark Rae [MVP]** · Jun 27 '08, 08:05 PM

Re: Accessing javascript-generated textboxes with ASP.NET

<jeroen.bolle@g mail.comwrote in message
news:de5a0e1b-5c5b-41a4-92ce-cb57e115d1bf@m3 g2000hsc.google groups.com...

I'm designing a form where the user can decide how many options for a
poll he wants to add. There's a "+" button to dynamically add
textboxes with javascript, without a postback.
>
How do I access these newly generated <input type="text" id="..." />
elements with ASP.NET to save it to a database?

In a nutshell, you can't - at least, not in the normal way, because the
postback process only knows about controls which were created before the
page was rendered to the browser...

Fortunately, there's a fairly simple workaround. The following assumes
you're initiating the postback by means of an <asp:Button /webcontrol...

1) Add a hidden textbox to your page e.g.
<asp:HiddenFiel d ID="MyHiddenFie ld" runat="server" />

HiddenField Class (System.Web.UI.WebControls)

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.hiddenfield.aspx

Represents a hidden field used to store a non-displayed value.

2) Add a client-side function to the <asp:Button /e.g.
<asp:Button ID="MyButton" runat="server" Value="Submit"
OnClick="MyButt on_Click" OnClientClick=" getTextBoxes(); " />

3) Create the client-side JavaScript function getTextBoxes() e.g.

<script type="text/javascript">
function getTextBoxes()
{

}
</script>

4) Add code to the above function to walk through the dynamic textboxes,
adding their id and value to the value of MyHiddenField so that it ends up
looking like e.g.

"txt001=Fir st value;txt002=Se cond value;txt003=Th ird value;"

etc

5) When the page is posted back, split the value of MyHiddenField on the
semi-colon character. This will give you a string array something like:

txt001=First value
txt002=Second value
txt003=Third value

Iterate through each element of the string array and split it on the equals
character - that will give you the ID of each dynamic textbox and its value.

--
Mark Rae
ASP.NET MVP

Mark Rae - JavaScript Disabled

http://www.markrae.net

**=?Utf-8?B?YnJ1Y2UgYmFya2Vy?=** · Jun 27 '08, 08:05 PM

RE: Accessing javascript-generated textboxes with ASP.NET

pretty trival.

the javascript textbox postback values will be in the Request.Form
collection. the collection key will be the name the javascript gave as the
name of the <input>. if the names is the same for all the controls, the value
will be a comma seperated string of each value. more common is to append a
counter to the end of the same.

it would also be pretty trival to make a server control that dynamically
created a asp:textbox for each of the postback values, and exposed them as
controls. or the control could expose a collection of values.

-- bruce (sqlwork.com)

"jeroen.bolle@g mail.com" wrote:

I'm designing a form where the user can decide how many options for a
poll he wants to add. There's a "+" button to dynamically add
textboxes with javascript, without a postback.
>
How do I access these newly generated <input type="text" id="..." />
elements with ASP.NET to save it to a database?
>

**=?Utf-8?B?TWVnYVN0YXI=?=** · Aug 26 '08, 10:45 PM

RE: ASp.net How to get textbox values generated by Javascript

Thank you very much It worked...

"Sandesh Daddi" wrote:

>
>
You can use following code to get it work
>
>
<%@ Page Language="C#" AutoEventWireup ="true"%>
>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitl ed Page</title>
>
<script type="text/javascript" >
>
function createTextBox(e vent)
{
>
//Get the reference of DIV where we want to show textboxes
var dv = document.getEle mentById("dvTex tBoxes");
>
//Create the Textbox and append that to DIV.
var tx = document.create Element("INPUT" );
tx.name = "txt";
tx.value= "1";
dv.appendChild( tx);
}
</script>
>
>
<script type="text/C#" runat="server" >
>
protected void Page_Load(objec t sender, EventArgs e)
{
try
{
if (Page.IsPostBac k)
{
String strValues = Request.Form["txt"];
>
String[] strV = strValues.Split (',');
>
for (int i = 0; i < strV.Length; i++)
{
lblError.Text += strV[i].ToString() + "\n";
}
}
}
catch (Exception ex)
{
throw ex;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" id="btnAddText " value="Add text" onclick="create TextBox(event)" />
<div id="dvTextBoxes ">
</div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit"/>
>
<asp:Label ID="lblError" runat="server" ForeColor="RED" ></asp:Label>
</div>
</form>
</body>
</html>
>
>
Reply me if you want some thing else
>
>
Thank you
Saandesh Daddi

Sanshark Software Solutions

https://www.sanshark.com

>
>

Accessing javascript-generated textboxes with ASP.NET

Accessing javascript-generated textboxes with ASP.NET

Comment

Comment

Comment