如何在javascript中获取放置在转发器内的特定标签的文本

时间:2016-04-04 07:01:43

标签: javascript c# html

我在转发器内部有一个转发器和一个标签,它与一个有5行的表绑定,每行有用户名绑定到标签控制。

<asp:Repeater ID="PostsRepeater" runat="server">
            <ItemTemplate>
                <asp:Label ID="lblUserName" runat="server" Text="<%#Eval("username") %>"></asp:Label>
                <asp:TextBox ID="txtUser" runat="server"></asp:TextBox>
            <input id="btnGetUser" type="button" value="Get" />
            </ItemTemplate>
        </asp:Repeater>

我希望使用javascript

获取按钮单击时文本框中包含某些值的用户名

1 个答案:

答案 0 :(得分:0)

<asp:Label..>商品呈现为html span标签。由于标签位于<asp:Repeater..>内,因此将按以下方式命名:

跨度id将动态生成为"repeater_id" + "_" + "ctl00" + "_" + label_id因此,在您的情况下,第一行中标签的ID将为:"PostsRepeater_ctl00_lblUserName"您只需检查元素并检查ID。您可以根据此id内部脚本编写事件,也可以通过以下代码遍历所有标签:条件是您需要为标签指定cssClass rptLabels

var elemArray = document.getElementsByClassName('rptLabels');
for(var i = 0; i < elemArray.length; i++){
    var elem = elemArray[i]; // this will be your label
   alert(elem.innerText); 
}

example