Get dynamically created asp control ids(values) using for loop

Question

How can I access the similar asp control id's by using for loop? I have the following asp text boxes.

<asp:TextBox ID="PFtxtname1" runat="server"></asp:TextBox>
<asp:TextBox ID="PFtxtname2" runat="server"></asp:TextBox>
<asp:TextBox ID="PFtxtname3" runat="server"></asp:TextBox>
<asp:TextBox ID="PFtxtname4" runat="server"></asp:TextBox>
<asp:TextBox ID="PFtxtname5" runat="server"></asp:TextBox>
<asp:TextBox ID="PFtxtname6" runat="server"></asp:TextBox>

and I want to access all these text box value through for loop using jQuery, how can I do?

I am tried to get the value by below code, but it shows error.

var ar_val=[];
for(i=0;i<7;i++)
{
  var txtv = $("#<%=PFtxtname"+i+".ClientID%>").val().trim();
  ar_val.push(txtv);
}

Ehsan Sajjad · Accepted Answer · 2015-07-11 07:05:37Z

4

You are mixing client side and server side code, it will not work this way.

add a commom css class to textboxes :

<asp:TextBox ID="PFtxtname1" runat="server" CssClass="txtName"></asp:TextBox>

and iterate on elements in Jquery using class selector:

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

    alert($(this).val()) // for value
    alert(this.id)   // for id

})

edited Jul 11, 2015 at 7:05

answered Jul 11, 2015 at 6:59

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

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

7 Comments

Lajos Arpad Over a year ago

Just a question: what if the jquery code is inside the markup file? Mixing code is still unhealthy, however, it should work then.

Ehsan Sajjad Over a year ago

Yes we can write Jquery code in markup file inside script tag, better way is to use a separate js file, and i was talking about OP using c# statements inside Jquery/javascript

Lajos Arpad Over a year ago

It is certainly better to separate the code, BUT if the script is inside the markup, then you can use C# code there if I am not mistaken. At least you can do this with PHP. I do not remember how it was in C#, since I did not work with the language for a long time, but it would not make sense to not have this possibility.

Ehsan Sajjad Over a year ago

We can use to some extent, server side values are evaluated on page load, you cannot do like above to use javascript for loop and execute c# statements as c# code gets executed on page load while in js that's not the case

Lajos Arpad Over a year ago

So we are in agreement that mixing client-side with server-side can work if the script is inside the markup, yet server-side code is executed before the page is sent to the client. I believe you should edit your answer to reflect this.

|

manish · Accepted Answer · 2015-07-11 07:01:00Z

0

you should try this i think its working fine

var ar_val=[]; 
    $("form").find("[id$='PFtxtname']").each(function () {

            var txtv =  $(this).val().trim();  
    ar_val.push(txtv);    
                });

answered Jul 11, 2015 at 7:01

manish

681 silver badge5 bronze badges

Collectives™ on Stack Overflow

Get dynamically created asp control ids(values) using for loop

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related