Reading ASP.NET text box value with JavaScript

Question

I am using a ASP.NET(3.5) page and I have a text box called txtName.

I want to read the value with JavaScript like so but it does not work.

var Name = document.getElementById(txtName).value;
alert(Name);

Even this does not want to work:

var Name = document.FormName.txtName.Value;
alert(Name);

This work with plain HTML pages but not with my ASP.NET page, why?

LukeH · Accepted Answer · 2010-07-21 11:25:41Z

8

It sounds like txtName is the server-side ID of your control. ASP.NET will use a different client-side ID when it renders the control as HTML: probably something like ctl00_Container_txtName.

You need to use the control's ClientID property to get the client-side ID, and then use that in your getElementById call:

var name = document.getElementById('<%=txtName.ClientID%>').value;

edited Jul 21, 2010 at 11:25

answered Jul 21, 2010 at 11:19

LukeH

271k59 gold badges373 silver badges411 bronze badges

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

2 Comments

Etienne Over a year ago

Thanks! How would one check if a check box is selected or not?

LukeH Over a year ago

I suppose you'd just use the .checked property (a boolean) instead of the .value property.

ha0 · Accepted Answer · 2010-07-21 13:35:29Z

0

You'd better use the Jquery.then,juest call:

$('<%=txtName.ClientID%>').value;

answered Jul 21, 2010 at 13:35

ha0

1

Collectives™ on Stack Overflow

Reading ASP.NET text box value with JavaScript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related