使用JavaScript找到带有GridView的控件的ID [英] find a id for a control withing a gridview using javascript

问题描述

我无法使用javascript在gridview中找到控件的ID.
我收到的错误是未定义".

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

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

lblTotal是在客户端创建的.

标记为

the lblTotal is created clientside.

The markup is

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

源代码显示以下内容...

The source code shows the following...

<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>

推荐答案

32.20 < /span > < /td > < td > < 输入 名称 GridView1

32.20</span> </td><td> <input name="GridView1

ctl02

txtBoxNumber" 类型 文本" id =" onchange =" 样式 / < /td > < td > < span =" GridView1_lblTotal_0" 样式 display:inline -block; width:106px;" < > < /td > < /tr > < tr > < td =" > < span =" GridView1_lblItemDescription_1" 样式 display:inline -block; width:382px;" < /span > < /td > < td > < span =" GridView1_lblRate_1" 样式 display:inline -block; width:50px;"

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;">

这篇关于使用JavaScript找到带有GridView的控件的ID的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！