How to set the value in the textboxes - asp.net using jquery?

Question

I have a table with id 'tbl' which contains textbox controls with id's like below

<table id="tbl">

txt1Text1
txt1Text2

txt2Text1
txt2Text2

txt3Text1
txt3Text2
.................
.................

I want to set the specif value in the textboxes that have id ends with Text1 I want to do it using jquery/javascript.

Thanks for help.

please specify whether the control is a html control or server control — cc4re
– cc4re, Commented Sep 25, 2012 at 12:51
Please note one point, he want to set the value of only those controls, that have id ends with 'Text1'. In question, there are 3 controls. — Muhammad Akhtar
– Muhammad Akhtar, Commented Sep 25, 2012 at 12:55
You should add a fake css class, that allows you to "tag" the textboxes. Then use jQuery to find these textbox using the css class selector. In fact, you should also descrive how you create the textboxes. One by one? using a databound control? using mvc? created on the fly? With the answer to this question, you will get far more better answers as there are probably thousands way to solve the issue. — Steve B
– Steve B, Commented Sep 25, 2012 at 12:56
@SteveB, post that answer and I'll upvote it. That seems to be the "best practice" answer. — Neil
– Neil, Commented Sep 25, 2012 at 12:58
@Neil: I will when azeemraza will give more details on how he creates the textboxes. — Steve B
– Steve B, Commented Sep 25, 2012 at 13:01

Ram · Accepted Answer · 2012-09-25 12:52:58Z

5

You can use Attribute Ends With selector.

$('#tbl input[type=text][id$=Text1]').val('new value')

answered Sep 25, 2012 at 12:52

Ram

145k16 gold badges174 silver badges201 bronze badges

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

1 Comment

Neil Over a year ago

+1. Only answer which distinguishes a textbox from an input tag.

Steve B · Accepted Answer · 2012-09-25 13:07:47Z

1

You should add a fake css class, that allows you to "tag" the textboxes, then use jQuery to find these textbox using the css class selector.

<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt1" />
<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt2" />
<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt3" />

<script type="text/javascript">
    $(function(){
        $(".FakeClass").val("42");
    });
</script>

What is important here, is that the "FakeClass" does not have to exists. It's only a marker.

answered Sep 25, 2012 at 13:07

Steve B

38k24 gold badges109 silver badges186 bronze badges

Comments

user659025 · Accepted Answer · 2012-09-25 12:53:15Z

0

$("input[id $= Text1]").val('your value');

answered Sep 25, 2012 at 12:53

user659025

Comments

Claudio Redi · Accepted Answer · 2012-09-25 12:53:25Z

0

Try with this

$('#tbl input[id$="Text1"]').val('my value');

Attribute Ends With Selector

Selects elements that have the specified attribute with a value ending exactly with a given string. The comparison is case sensitive.

answered Sep 25, 2012 at 12:53

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

Comments

Gyan Chandra Srivastava · Accepted Answer · 2012-09-25 13:02:35Z

0

$('input[type=text][id$=Text1]').val('value');

answered Sep 25, 2012 at 13:02

Gyan Chandra Srivastava

1,38010 silver badges29 bronze badges

Collectives™ on Stack Overflow

How to set the value in the textboxes - asp.net using jquery?

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