c# - 使用 javascript 在 datalist 中查找控件

Question

使用 javascript 在 datalist 中查找控件

假设在 Datalist 2 中存在控件，例如 label1 label2 和 linkbutton 我想在使用 javascript 单击链接按钮时访问 label1 的值 如何使用 javascript 在 datalist 内找到按钮单击控件

Answer 1

try this

<asp:DataList runat="server" ID="dlData">
    <ItemTemplate>
        <asp:Label Text='<%# DataBinder.Eval(Container.DataItem, "Id") %>' runat="server"
            ID="Label1" />
        <asp:Label Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>' runat="server"
            ID="lblText" />
        <input type="button" id="btn" runat="server" name="btn" value="Click" onclick="btnClick(this);" />
    </ItemTemplate>
</asp:DataList>

Add Script on you page

<script type="text/javascript">
    function btnClick(obj) {
        var tr = getParentRow(obj);
        var datalist = document.getElementById('<%=dlData.ClientID%>');
        var txtbox = datalist.getElementsByTagName("lblText");
        var Id = datalist.rows[tr.rowIndex].cells[0].childNodes[1].innerHTML;
        var Name = datalist.rows[tr.rowIndex].cells[0].childNodes[3].innerHTML;
    }
    function getParentRow(obj) {
        while (obj.tagName != "TR") {
            if (isFireFox()) {
                obj = obj.parentNode;
            }
            else {
                obj = obj.parentElement;
            }
        }
        return obj;
    }
    function isFireFox() {
        return navigator.appName == "Netscape";
    }
</script>