How do I get the value of a textbox using javascript?
I would have assumed it would be something like "document.getElementbyID("nameofcontrol").value" but when I run the script, I get an error. I'm assuming that is because the usercontroll value gets changed to something like c100_nameofcontrol when the
page is rendered.
var value = document.getElementById('<%=txtMyTextBox.ClientID%>').value;
As TextBox is server control, so on runtime this control have different client id
'<%=txtMyTextBox.ClientID%>' will return control clientid on runtime
DC517 Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved.
var value = document.getElementById('<%=txtMyTextBox.ClientID%>').value;
As TextBox is server control, so on runtime this control have different client id
'<%=txtMyTextBox.ClientID%>' will return control clientid on runtime
Hi d4Dennis,
The example you shows will put the values "1234" in the txtMyTextBox field, right? so what if I want to get the value from a different form and put it in txtMyTextBox, How do I do that?
DC517 Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved.
Marked as answer by Bo Chen – MSFT on Jul 13, 2007 06:28 AM
tgneiti
Member
183 Points
100 Posts
Get value asp:Textbox value using javascript
Jul 09, 2007 10:15 PM|LINK
How do I get the value of a textbox using javascript?
I would have assumed it would be something like "document.getElementbyID("nameofcontrol").value" but when I run the script, I get an error. I'm assuming that is because the usercontroll value gets changed to something like c100_nameofcontrol when the page is rendered.
Thank you for any help.
ysw
Contributor
2784 Points
515 Posts
Re: Get value asp:Textbox value using javascript
Jul 09, 2007 11:05 PM|LINK
Hi,
You should generate your JavaScript like:
document.getElementById('<%=Test.ClientID%>').value
See more details: http://www.devx.com/tips/Tip/28332
-yuriy
http://couldbedone.blogspot.com
d4dennis@ins...
Star
9229 Points
1314 Posts
Re: Get value asp:Textbox value using javascript
Jul 09, 2007 11:09 PM|LINK
Hi There,
Say you have a textbox like follows:
<asp:TextBox id="txtMyTextBox" runat="Server" Text="1234"></asp:TextBox>
In javascript do the following to get value:
var value = document.getElementById('<%=txtMyTextBox.ClientID%>').value;
As TextBox is server control, so on runtime this control have different client id
'<%=txtMyTextBox.ClientID%>' will return control clientid on runtime
Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved.
omerkamal
Contributor
2507 Points
513 Posts
Re: Get value asp:Textbox value using javascript
Jul 09, 2007 11:13 PM|LINK
I assume that you are using Master Page and ContentPlaceHolder in your page.
see the link if this is the case.
Add JavaScript to asp:Content block dynamically in ASP .NET 2.0
boston_ma
Member
162 Points
604 Posts
Re: Get value asp:Textbox value using javascript
Jul 10, 2007 03:14 AM|LINK
Hi d4Dennis,
The example you shows will put the values "1234" in the txtMyTextBox field, right? so what if I want to get the value from a different form and put it in txtMyTextBox, How do I do that?
For example in Form1.aspx, I have
<asp:TextBox id="txtName" runat="Server" </asp:TextBox>
<asp:TextBox id="txtStNum" runat="Server" </asp:TextBox>
Want to get values from Form1 to Form2.aspx
<asp:TextBox id="txtMyName" runat="Server" </asp:TextBox>
<asp:TextBox id="txtMyStNum" runat="Server" </asp:TextBox>
d4dennis@ins...
Star
9229 Points
1314 Posts
Re: Get value asp:Textbox value using javascript
Jul 10, 2007 03:51 AM|LINK
Hi There,
You can use QueryString:
Example:
When you click on a button Form1.aspx
protected void Button1_OnClick( object sender, System.EventArgs e)
{
Response.Redirect("Form2.aspx?name=" + txtName.Text + "&num=" + txtStNum.Text );
}
On your Form2.aspx
protected void Page_Load( object sender, System.EventArgs e)
{
txtMyName.Text = Request.QueryString["name"];
txtMyStNum.Text = Request.QueryString["num"];
}
Hope this is what you want.
Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved.
satish_nagde...
Contributor
6572 Points
1432 Posts
Re: Get value asp:Textbox value using javascript
Jul 10, 2007 04:12 AM|LINK
and if its not in query string, then adding to Dennis's reply it would be something like
txtMyName.Text = Request["txtname"]; //txtname being control in the form from which you are redirecting
txtMyStNum.Text = Request["txtnum"]; //txtnum likewise
PS:- do check for null etc
thanks,
satish.
boston_ma
Member
162 Points
604 Posts
Re: Get value asp:Textbox value using javascript
Jul 10, 2007 05:05 AM|LINK
Thank Satish and d2Dennis for replying, really appreciated!
I got an error saying "The name 'streetnumber' does not exist in the current context " This is part of Form2.aspx HTML code
<TR>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_STREETNUMBER%>" VALUE="<%=streetnumber%>" SIZE="7" CLASS="CONTROL"></TD>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_PREDIRECTION%>" VALUE="<%=predirection%>" SIZE="7" CLASS="CONTROL"></TD>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_STREETNAME%>" VALUE="<%=streetname%>" SIZE="30" CLASS="CONTROL"></TD>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_STREETTYPE%>" VALUE="<%=streettype%>" SIZE="7" CLASS="CONTROL"></TD>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_POSTDIRECTION%>" VALUE="<%=postdirection%>" SIZE="7" CLASS="CONTROL"></TD>
</TR>
<TR>
<TD COLSPAN=3 CLASS="CELL"><B>Cross Street (optional):</B></TD>
<TD COLSPAN=2 CLASS="CELL"> </TD>
</TR>
<TR>
<TD COLSPAN=3 CLASS="CELL"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_CROSSSTREET%>" VALUE="<%=crossstreet%>" SIZE="32" CLASS="CONTROL" id="Text1"></TD>
<TD COLSPAN=2 CLASS="CELL"> </TD>
</TR>
<TR>
<TD COLSPAN=5 CLASS="CELL"><B>City, State Zip:</B></TD>
</TR>
<TR>
<TD COLSPAN=5 CLASS="CELL">
<INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_CITY%>" SIZE="25" VALUE="<%=city%>" CLASS="CONTROL">
<INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_STATE%>" SIZE="2" VALUE="<%=state%>" CLASS="CONTROL">
<INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_ZIP%>" SIZE="5" VALUE="<%=zip%>" CLASS="CONTROL">
</TD>
</TR>
This is how I do it in Form1.aspx
protected void BtNext_Click(object sender, EventArgs e)
{
Response.Redirect("addressform.aspx?SiteAddNum=" + TextBoxSiteAddNum.Text + "&SiteAddStreetName=" + TextBoxSiteAddStreetName.Text +
"&SiteAddCity=" + TextBoxSiteAddCity.Text + "&SiteAddSt=" + TextBoxSiteAddSt.Text + "&SiteAddZip=" + TextBoxSiteAddZip.Text);
}
And this is Form2.aspx , I try the first one from d2dennis and the second one is from Satish, still could recognize the input id in Form2
protected void Page_Load(object sender, EventArgs e)
{
{
/* streetnumber.value = Request.QueryString["SiteAddNum"];
streetname.value = Request.QueryString["SiteAddStreetName"];
City.value = Request.QueryString["SiteAddCity"];
State.value = Request.QueryString["SiteAddSt"];
Zip.value = Request.QueryString["SiteAddZip"];
*/
streetnumber.value = Request["SiteAddNum"];
streetname.value = Request["SiteAddStreetName"];
City.value = Request["SiteAddCity"];
State.value = Request["SiteAddSt"];
Zip.value = Request["SiteAddZip"];
}
}
satish_nagde...
Contributor
6572 Points
1432 Posts
Re: Get value asp:Textbox value using javascript
Jul 10, 2007 05:34 AM|LINK
i can see you are passing SiteAddNum etc in query string so what Dennis suggest should work as following you've written.
and sorry you are making small mistake in what i suggest
you need to accessing using ControlID like Request["TextBoxSiteAddNum"]. could you tell me what is streetnumber.value, i guess its some html field!!
boston_ma
Member
162 Points
604 Posts
Re: Get value asp:Textbox value using javascript
Jul 10, 2007 05:50 AM|LINK
Thanks Satish,
I changed the Request["SiteAddNum"]; to Request["TextBoxSiteAddNum"]; and got the same error, The streetnumber.value is the html <INPUT> ControlID
This is the form of FORM2.aspx and I want to grab the address information and populate from FORM1 to FORM2
<FORM NAME="address" ACTION="<%= URL %>" METHOD="POST">
<TABLE BORDER=0 CELLPADDING=4 CELLSPACING=0>
<TR>
<TD CLASS="CELL"><B>Street<BR>Number</B></TD>
<TD CLASS="CELL"><B>Pre<BR>Direction</B></TD>
<TD CLASS="CELL"><B>Street Name</B></TD>
<TD CLASS="CELL"><B>Street<BR>Type</B></TD>
<TD CLASS="CELL"><B>Post<BR>Direction</B></TD>
</TR>
<TR>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_STREETNUMBER%>" VALUE="<%=streetnumber%>" SIZE="7" CLASS="CONTROL"></TD>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_PREDIRECTION%>" VALUE="<%=predirection%>" SIZE="7" CLASS="CONTROL"></TD>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_STREETNAME%>" VALUE="<%=streetname%>" SIZE="30" CLASS="CONTROL"></TD>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_STREETTYPE%>" VALUE="<%=streettype%>" SIZE="7" CLASS="CONTROL"></TD>
<TD CLASS="CELL" style="height: 29px"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_POSTDIRECTION%>" VALUE="<%=postdirection%>" SIZE="7" CLASS="CONTROL"></TD>
</TR>
<TR>
<TD COLSPAN=3 CLASS="CELL"><B>Cross Street (optional):</B></TD>
<TD COLSPAN=2 CLASS="CELL"> </TD>
</TR>
<TR>
<TD COLSPAN=3 CLASS="CELL"><INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_CROSSSTREET%>" VALUE="<%=crossstreet%>" SIZE="32" CLASS="CONTROL" id="Text1"></TD>
<TD COLSPAN=2 CLASS="CELL"> </TD>
</TR>
<TR>
<TD COLSPAN=5 CLASS="CELL"><B>City, State Zip:</B></TD>
</TR>
<TR>
<TD COLSPAN=5 CLASS="CELL">
<INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_CITY%>" SIZE="25" VALUE="<%=city%>" CLASS="CONTROL">
<INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_STATE%>" SIZE="2" VALUE="<%=state%>" CLASS="CONTROL">
<INPUT TYPE="TEXT" NAME="<%=FirstSearchConstants.FF_ZIP%>" SIZE="5" VALUE="<%=zip%>" CLASS="CONTROL">
</TD>
</TR>
<%
if (cands != null && cands.length > 1) {
%>
<TR>
<TD COLSPAN=5 CLASS="CELL" WIDTH=450>
<SPAN CLASS="ERROR">Your input address was not an exact match. Please select from the list and press 'Locate'</SPAN>
</TD>
</TR>
<TR>
<TD COLSPAN=5 ALIGN=CENTER CLASS="CELL">
<SELECT NAME="<%=FirstSearchConstants.FF_CANDIDATE%>" SIZE="5" CLASS="CONTROL">
<%
for (int i=0;i<cands.length;i++) {
String address = cands[i].getStreet() + ", " + cands[i].getCity() + ", " + cands[i].getCountrySubdivision() + " " + cands[i].getPostalCode();
String selected = ((i == 0)?" SELECTED":"");
out.println("<OPTION VALUE=\"" + i + "\"" + selected + ">"+address);
}
%>
</SELECT>
</TD>
</TR>
<%
}
%>
<TR>
<TD COLSPAN=5 ALIGN=CENTER CLASS="CELL"><INPUT TYPE="RESET"> <INPUT TYPE="SUBMIT" VALUE="Locate"></TD>
</TR>
</TABLE>
<INPUT TYPE="HIDDEN" NAME="<%=FirstSearchConstants.FF_SOURCE%>" VALUE="<%=FirstSearchConstants.FORM_ADDRESS%>">
</FORM>