如何在 JavaScript 变量中的中继器控件中获取标签值答案

【问题标题】：How to want to get label value inside the repeater control in JavaScript variable如何在 JavaScript 变量中的中继器控件中获取标签值
【发布时间】：2021-11-27 06:48:46
【问题描述】：

我想在 JavaScript 变量中的中继器控件中获取标签值

<asp:Repeater ID="rep_tskAttachments" runat="server" OnItemDataBound="rep_tskAttachments_ItemDataBound">
        <asp:Label ID="rlbl_Remarks" runat="server" Text='<%# Eval("REMARKS") %>'></asp:Label>     
 </asp:Repeater>

我的代码是

var valComments =document.getElementById('<%=rlbl_Remarks.ClientID%>').innerText;

【问题讨论】：

一个repeatable会有多行Labels，你想要哪个标签？另外如果查看源码，标签的ID通常是repeater id + label id + index的组合。 E.rep_tskAttachments_rlbl_Remarks_0。使用 CSS 类会好得多

标签： javascript asp.net

【解决方案1】：

嗯，问题是中继器可能有 1 或 15 个“集合”

所以，你可以这样做：

        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <asp:Label ID="lblHotel" runat="server" 
                    width="200px"
                    Text='<%# Eval("HotelName") %>' >
                </asp:Label>

                <asp:Button ID="Button1" runat="server" Text="Row click (client side)"
                    OnClientClick='<%# "myrowfun(" + Container.ItemIndex.ToString + ");return false;" %>'
                    
                    />

                <br />
            </ItemTemplate>
        </asp:Repeater>

        <script>
            function myrowfun(ix) {
                alert("row click index = " + ix)
                lblID = "Repeater1_lblHotel_" + ix
                alert(lblID)
                // jQuery
                alert("Hotel name from repeater = " + $('#' + lblID).text())
                // javascript without jQuery
                MyLabel = document.getElementById(lblID)
                alert("Hotel = " +  MyLabel.innerText)
            }
        </script>

所以，在上面，我们可以像这样填充转发器：

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not IsPostBack Then
        LoadGrid()
    End If
End Sub

Sub LoadGrid()

    Using con As New SqlConnection(My.Settings.TEST3)
        Using cmdSQL =
            New SqlCommand("SELECT TOP 5 ID, FirstName, LastName, HotelName from tblHotels ORDER BY HotelName", con)

            con.Open()
            Repeater1.DataSource = cmdSQL.ExecuteReader
            Repeater1.DataBind()

        End Using
    End Using

End Sub

然后我们现在有了这个：

当我们点击行点击时，调用js，获取酒店值。

例如：

所以，即使你在转发器中只有 1 组，它也会从 0 开始作为索引，并且每个标签的名称都为

"repeater name" + "_" + "label name" + "_" + row index

【讨论】：