How can I get the text from an Asp.Net TextBox control with Jquery or Javascript?

Question

I have an Asp.Net TextBox control:

<asp:TextBox ID="txtFromDate" runat="server" CssClass="txtDateFrom"></asp:TextBox>

In a separate Jquery/Javascript file, I would like get the text from it... normally the text is like '9/1/2015'.

I have tried the following:

var r2FromDate = new Date($(".txtFromDate").val);
var r2FromDate = new Date($(".txtFromDate").val.toString());
var r2FromDate = new Date($(".txtFromDate").val());
var r2FromDate = new Date($(".txtFromDate").text());
var r2FromDate = new Date($(".txtFromDate").text);

and the same with using the # <%= txtFromDate.ClientID %> notation and it completely breaks with that.

Please help!

You're using a class selector but you're specifying an ID. Try with $(".txtDateFrom").val() — Maria Ines Parnisari
– Maria Ines Parnisari, Commented Sep 18, 2015 at 20:54

jdu · Accepted Answer · 2015-09-18 20:56:00Z

1

$('#txtFromDate').val();

You want to select using the ID, not the class.

answered Sep 18, 2015 at 20:56

jdu

5712 silver badges3 bronze badges

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

1 Comment

Saturn K Over a year ago

Just because the ID is txtFromDate on the server-side, there's no guarantee that it will be that on the rendered HTML (unless you said the ClientIDMode property to static). The answer above does it correctly by acquiring the ClientID and then using that.

Shockwave · Accepted Answer · 2015-09-18 21:14:47Z

1

var text = $("#<%=txtFromDate.ClientId %>").val();

ASP should then output the ID generated on the client and your javascript can select it. You can also reuse this variable instead of querying the DOM over and over [it has to find it every time you use jQuery like "$(...)"].

If your javascript is located in another file, you can use the name attribute instead

<asp:TextBox ID="txtFromDate" runat="server" CssClass="txtDateFrom" name="txtFromDate"></asp:TextBox>

$('input[name="txtFromDate"]').val();

https://api.jquery.com/attribute-equals-selector/

edited Sep 18, 2015 at 21:14

answered Sep 18, 2015 at 21:09

Shockwave

4122 silver badges9 bronze badges

Comments

Olivier De Meulder · Accepted Answer · 2015-09-18 21:42:25Z

0

Alternatively, you can define the following property on your TextBox

ClientIDMode="static"

That will ensure that your ID on the client side will be the same as the server side id.

And then you can use:

$('#txtFromDate').val();

answered Sep 18, 2015 at 21:42

Olivier De Meulder

2,5013 gold badges26 silver badges32 bronze badges

Comments

Rainhider · Accepted Answer · 2015-09-29 16:06:35Z

0

It was actually because I put the id as 'txtFromDate' and the class as 'txtDateFrom' instead of keeping them the same. I was trying to access the class 'txtFromDate' when it didn't exist.

.val() works when you select the right class.

answered Sep 29, 2015 at 16:06

Rainhider

8361 gold badge18 silver badges31 bronze badges

Comments

George · Accepted Answer · 2018-01-16 08:56:30Z

0

You can try this through this you can also get asp button or any control for that matter.

var txt_txtFromDate = document.querySelector("input[id*='txtFromDate']");
alert(txt_txtFromDate.Value);

you can also try querySelectorAll() if you have multiple controls with same id in client side.

Also, $("input[id*='txtFromDate']") will work.

edited Jan 16, 2018 at 8:56

answered Aug 29, 2017 at 8:19

George

3,0302 gold badges17 silver badges11 bronze badges

Collectives™ on Stack Overflow

How can I get the text from an Asp.Net TextBox control with Jquery or Javascript?

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related