How to get IDs of Generated controls in ASP.net using JavaScript or JQuery

Question

I have DataGrid and inside it one of the columns is a TextBox. The DataGrid is generated dynamically from Database. It is for invoicing. One invoice might have two rows, another might have 10. The ID of each of these textboxes are different, and I need to read the value of each of these text boxes when the user enters an amount, add all of them up, and show the total in another field.

Problem: I don't know how to get to each textbox (there is ValueChanged event that fires when the user enters an amount for that specific text box)

I'm trying to solve this using Javascript or JQuery. (No updatePanel)

Any help is greatly appreciated.

Thanks.

I would instead give the inputs a common class and use that to select them. — Jason P
– Jason P, Commented Dec 4, 2013 at 19:06

em_ · Accepted Answer · 2013-12-04 19:06:57Z

4

Give each text box a class name. Then you can iterate through each textbox by the following

var total=0;

$(".className").each(function(){

    total += Number(this.val());

});

answered Dec 4, 2013 at 19:06

em_

2,2792 gold badges27 silver badges41 bronze badges

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

Comments

Mister Epic · Accepted Answer · 2013-12-04 19:07:48Z

0

If your grid has an id of grid, then you could do:

$('#grid input[type=text]').each(function(){
   ///Glorious code!!
});

answered Dec 4, 2013 at 19:07

Mister Epic

16.8k13 gold badges88 silver badges156 bronze badges

Comments

tedwards947 · Accepted Answer · 2013-12-04 19:10:46Z

0

Using jQuery,

$(document).on("ready", function(){
    $("document").on("keyup input paste", "input", function(){
        var inputID = $(this).attr('id');
        //more code here...
    });
});

Using event delegation, the event will always be fired on all textboxes. Change "input" to a more specific selector if needed.

answered Dec 4, 2013 at 19:10

tedwards947

3801 silver badge9 bronze badges

Comments

rav · Accepted Answer · 2013-12-04 19:12:49Z

0

Don't use IDs if you want to add listener to each of all your textbox, instead use class.

<input type="text" class="my-text-box">

and the JS(using jQuery)

$('.my-text-box').keyup(function(){
console.log($(this).val());

});

this will display the value of the textbox whenever you type something.

answered Dec 4, 2013 at 19:12

rav

7536 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to get IDs of Generated controls in ASP.net using JavaScript or JQuery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related