使用javascript获取asp.net标签控件

我有一个标签控件，在一个窗体视图中显示几个文本框的总和。 我无法在java脚本中获取标签tb_TA_2_6的id

我试过了

<script type ="text/jscript" language= "javascript" >
 function autosum(t1, t2) {
var sum;
var a = document.getElementById('tb_TA_2_6'); // does not work
var b = FindControl(FormView1, t2); // does not work
var c = <%= 'tb_TA_2_6'.ClientID%>; // unknown component tb_TA_2_6
var c = <%= tb_TA_2_6.ClientID%>; //The name 'tb_TA_2_6' does not exist in the current context

var num2 = $(t2);
    if (num2.textContent)
        sum = num2.textContent;
    else if (num2.innerText)
        sum = num2.innerText;
    else
        sum = num2.innerHTML;
 }

function FindControl(parentControl, strId)
    {
        var returnObject;
        for(i=0;i < parentControl.elements.length; i++)
        {
            if(parentControl.elements[i].id.indexOf(strId) >= 0)
                returnObject = parentControl.elements[i];
            else if(parentControl.elements[i].hasChildNodes())
                returnObject = FindControl(parentControl.elements[i],strId);

            if(returnObject != null) 
            {   //if object is found return
                return returnObject;
            }
        }
        return returnObject;
    }
 </script>        

函数自动求和（t1，t2）{
var和；
var a=document.getElementById（'tb_TA_2_6'）；//不起作用
var b=FindControl（FormView1，t2）；//不工作
var c=；//未知组件tb_TA_2_6
var c=；//名称“tb_TA_2_6”在当前上下文中不存在
var num2=$（t2）；
if（num2.textContent）
总和=num2.textContent；
else if（num2.innerText）
sum=num2.innerText；
其他的
sum=num2.html；
}
函数FindControl（父控件，strId）
{
var返回对象；
对于（i=0；i=0）
returnObject=parentControl.elements[i]；
else if（parentControl.elements[i].hasChildNodes（））
returnObject=FindControl（parentControl.elements[i]，strId）；
if（returnObject！=null）
{//如果找到对象，则返回
返回对象；
}
}
返回对象；
}

但这一切似乎都不起作用，有人知道id tb_TA_2_6的标签到底是怎么回事吗

表单视图看起来像

<asp:FormView ID="FormView1" runat="server" ClientIDMode="Static">
<ItemTemplate>
    <asp:Label ID="labelID" runat="server" Text='<%#Bind("ID") %>' Visible="false"></asp:Label>
    <table id="table1">
        <tr>
            <td>
                <span > Textbox1 </span>
            </td>
            <td>
                <asp:TextBox ID="tb_TA_2_4" onBlur="Javascript:autosum(this, '<%= tb_TA_2_6.ClientID%>');"  runat="server"  Text='<%#Bind("question6i","{0:$#,#0.00}") %>'></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                <span>6. (iii) Total Value  </span>
            </td>
            <td>
                <asp:Label ID="tb_TA_2_6" runat="server" ReadOnly="true" Text='<%#Bind("question6iii", "{0:$#,#0.00}") %>'  OnPreRender="FormView1_PreRender" ></asp:Label>
            </td>
        </tr>
    </table>
</ItemTemplate>

文本框1
6.（iii）总值

html呈现如下，我删除了问题中的样式信息

<tr>

                    <td style="vertical-align: middle; width: 697px; height: 15px; border-style: solid;

                        border-color: #6699cc; border-width: 1px; border-top: 1px solid #fff;">

                        <span style="font-family: MS Sans Serif; font-size: 14px; color: #000000">6. (iii) Total

                            Value of All Benefits For Payment of Utilities </span>

                    </td>

                    <td class="alignright" style="vertical-align: top; width: 157px; height: 15px; border-style: solid;

                        border-color: #6699cc; border-width: 1px; border-left: 1px solid #fff; border-top: 1px solid #fff;">

                        <span id="ctl00_cph_Main_FormView1_tb_TA_2_6" ReadOnly="true" style="font-size:12pt;">$60.00</span>

                    </td>

                </tr>

6.（iii）总数
支付水电费的所有福利的价值
$60.00

标签

控件在HTML中呈现为

span

要访问它，您需要获取它的

ClientID

您可以将javascript更改为：

var a = document.getElementById('<%= tb_TA_2_6.ClientID %>');

---

正如我们所看到的，ID为“tb_TA_2_6”的ASP.NET标签呈现为ID为“ctl00_cph_Main_formview 1_tb_TA_2_6”的

span

元素

document.getElementById（'ctl00\u cph\u Main\u formview 1\u tb\u TA\u 2\u 6'）

然后会选择元素

您还应该知道，您的标签是在

FormView

中的

ItemTemplate

中创建的，并且它很可能呈现多个项目。这就是为什么您无法访问

tb\u TA\u 2\u 6.ClientID

现在，您希望Javascipt从哪个项目中选择

span

元素

更新

看起来您正试图创建一个表，并从每一行中总结出一些值。我们走吧

ASP.NET用户控件

<table id="myTable">
<asp:FormView ID="FormView1" runat="server">
<ItemTemplate>
    <tr>
        <td><span>Textbox1</span></td>
        <td><asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("question6i", "{0:$#,#0.00}") %>' class="myValue" /></td>
    </tr>
</ItemTemplate>
</asp:FormView>

    <tr>
        <td><span>6. (iii) Total Value</span></td>
        <td><asp:Label ID="TextBox1SumLabel" runat="server" Text='<%# Bind("question6iii", "{0:$#,#0.00}") class="sum" %>' /></td>
    </tr>
</table>

对于你来说，真的希望这对你有任何帮助。
我已经尝试过了，它无法找到控制tb_TA_2_6。它说“tb_TA_2_6”这个名字在我已经尝试过的当前上下文中不存在，它也不起作用。给出错误名称tb_TA_2_6在当前上下文中不存在。@Mohit Sachan发布控件呈现的HTML外观。问题应该很明显。呈现的html没有像我指定的那样使用id，这就是为什么我尝试使用“但它仍然没有返回控件。为什么您有
ItemTemplate
设置？你的控件是在网格里还是什么的？请参阅我的编辑。请同时添加您的HTML源代码。它显示生成的ID。尝试删除单引号并追加
开启
var c=
<代码>变量c=；添加到每个语句的末尾，这只是我没有添加的复制粘贴错误；在帖子中。太好了，贴出了我的答案。@Stefan-我对你的答案添加了一条评论。我知道我可以使用ctl00_cph_Main_formview 1_tb_TA_2_6获取标签。但如何获取此id。使用客户端模式作为静态模式会呈现所有具有我指定id的文本框，但标签采用如下id。id为ctl00_cph_Main_FormView1_tb_TA_2_6，因为此表单视图是一个.ascx控件模板。我正在尝试在.ascx文件本身中获取此标签控件。我使用loadbindingtemplate在主页上的表单视图中基于一些先决条件加载此模板。绑定模式在主窗体中也设置为static，它呈现具有我指定的实际id的文本框，但对于标签，它不采用实际id。我不理解您的问题，您希望Javascipt从哪个项目中选择span元素？我知道我可以使用document.getElementById获取标签（'ctl00_cph_Main_formview 1_tb_TA_2_6'）。但我不能在javascript中硬编码此id。javascript只能访问生成的HTML。您需要了解服务器端代码和客户端代码之间的区别。您可以使用FindControl访问ItemTemplate中的控件。是的，我尝试过使用类似“”的FindControl，但它返回null。
<table id="myTable">
<asp:FormView ID="FormView1" runat="server">
<ItemTemplate>
    <tr>
        <td><span>Textbox1</span></td>
        <td><asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("question6i", "{0:$#,#0.00}") %>' class="myValue" /></td>
    </tr>
</ItemTemplate>
</asp:FormView>

    <tr>
        <td><span>6. (iii) Total Value</span></td>
        <td><asp:Label ID="TextBox1SumLabel" runat="server" Text='<%# Bind("question6iii", "{0:$#,#0.00}") class="sum" %>' /></td>
    </tr>
</table>

<table id="myTable" class="styledTable">
    <tr>
        <td><span>Textbox1</span></td>
        <td><input type="text" id="SomeGeneratedClientID_00" class="myValue" Value='60.00' /></td>
    </tr>
    <tr>
        <td><span>Textbox1</span></td>
        <td><input type="text" id="SomeGeneratedClientID_01" class="myValue" Value='40.00' /></td>
    </tr>

    <tr>
        <td><span>6. (iii) Total Value</span></td>
        <td><span ID="ctl00_cph_Main_TextBox1SumLabel" class="sum">100.00</span></td>
    </tr>
</table>

$(document).ready(function() {

    // Bind the change event to all ".myValue" elements
    $('#myTable .myValue').change(function() {
        // Find parent table element
        var $table = $(this).closest('table');

        // Update summary
        sumTableValues($table);
    });

});

var sumTableValues = function($table) {
    var sum = 0;

    // Iterate through all .myValue elements
    $table.find('.myValue').each(function(index) {
        console.log(index, $(this).val()); // DEBUG
        // NOTE: Need to make sure the value is a number

        // Add the value to the sum
        sum += Number($(this).val());
    });

    console.log('sum', sum); // DEBUG

    // Update the sum
    $table.find('tr:last .sum').text(sum);
    //$('<%= TextBox1SumLabel.ClientID %>').text(sum);  
};