find a id for a control withing a gridview using javascript

Question

0.00/5 (No votes)

See more:

I'm having trouble finding the id of a control within gridview using javascript.
The error I am getting is "undefined".

JavaScript

for (j = 0; j < grid1.rows.length - 1; j++) {
        var total = document.getElementById("GridView1_lblTotal_" + j);
        alert(total.value)
    }

the lblTotal is created clientside.

The markup is

ASP.NET

<ItemTemplate>
   <asp:Label ID="lblTotal" runat="Server"  Width="106"  />
</ItemTemplate>

The source code shows the following...

HTML

<table cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;margin-removed 0px">
		<tr>
			<th align="left" scope="col">Devices And Services</th><th scope="col">Rate</th><th scope="col">Number</th><th scope="col">Total</th>
		</tr><tr>
			<td style="background-color:#CCCCCC;">
                        <span id="GridView1_lblItemDescription_0" style="display:inline-block;width:382px;">HP Thin Client or WYSE terminal</span>
                    </td><td>
                        <span id="GridView1_lblRate_0" style="display:inline-block;width:50px;">$32.20</span>
                       
                    </td><td>
                        <input name="GridView1$ctl02$txtBoxNumber" type="text" id="GridView1_txtBoxNumber_0" onchange="multiply(32.2, 'GridView1_txtBoxNumber_0','GridView1_lblTotal_0')" style="background-color:#FFFFCC;width:100px;" />
                    </td><td>                  
                        <span id="GridView1_lblTotal_0" style="display:inline-block;width:106px;"></span>
                    </td>
		</tr><tr>
			<td style="background-color:#CCCCCC;">
                        <span id="GridView1_lblItemDescription_1" style="display:inline-block;width:382px;">PC used as a RDP or ICA Thin Client</span>
                    </td><td>
                        <span id="GridView1_lblRate_1" style="display:inline-block;width:50px;">$43.90</span>
                       
                    </td><td>
                        <input name="GridView1$ctl03$txtBoxNumber" type="text" id="GridView1_txtBoxNumber_1" onchange="multiply(43.9, 'GridView1_txtBoxNumber_1','GridView1_lblTotal_1')" style="background-color:#FFFFCC;width:100px;" />
                    </td><td>                  
                        <span id="GridView1_lblTotal_1" style="display:inline-block;width:106px;"></span>
                    </td>
		</tr><tr>
			<td style="background-color:#CCCCCC;">
                        <span id="GridView1_lblItemDescription_2" style="display:inline-block;width:382px;">PC in a Traditional Network</span>
                    </td><td>
                        <span id="GridView1_lblRate_2" style="display:inline-block;width:50px;">$58.50</span>
                       
                    </td><td>
                        <input name="GridView1$ctl04$txtBoxNumber" type="text" id="GridView1_txtBoxNumber_2" onchange="multiply(58.5, 'GridView1_txtBoxNumber_2','GridView1_lblTotal_2')" style="background-color:#FFFFCC;width:100px;" />
                    </td><td>                  
                        <span id="GridView1_lblTotal_2" style="display:inline-block;width:106px;"></span>
                    </td>
		</tr><tr>

Posted 8-Feb-12 23:45pm

Andrew Chambers

Add a Solution

4 solutions

Solution 3

Refer this
Check/uncheck CheckBox in a GridView using Javascript[^]

Posted 9-Feb-12 2:58am

Anuja Pawar Indore

Solution 4

Try This Code

JavaScript

var grid1= document.getElementById("<%= grd1.ClientID %>");

for (j = 0; j < grid1.rows.length - 1; j++) {

      var total = grd.getElementsById("<%=lblTotal.ClientID %>").value + J;
      alert(total)
   }

OR

JavaScript

var grid1= document.getElementById("<%= grd1.ClientID %>");
 for (j = 0; j < grid1.rows.length - 1; j++) {

       var total = grd.getElementsById("<%=lblTotal.ClientID %>").value;
       var result = total + j;
       alert(result)
    }

Accept solution or vote
If this will help you
Thanks

Posted 9-Feb-12 3:11am

zyck

Updated 9-Feb-12 3:15am

v2

Solution 1

Your gridview is in ASP.NET. You are searching a table. Because it's generated by ASP.NET, the ID you assigned is not the one used. Use the ClientID property of the GridView to pass the client side Id down to the client

Posted 9-Feb-12 2:18am

Christian Graus

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

dilip.aim11 · Accepted Answer · 2012-02-09T02:50:00

Solution 2

C#

for (j = 0; j < grid1.rows.length - 1; j++) {
           var total ="GridView1_lblTotal_"+ j;
           alert(document.getElementById(total).textContent;)
       }

Try this

I hope it will work

Posted 9-Feb-12 2:50am

dilip.aim11