如何通过javascript获取用户在其上单击的gridview行的行索引？答案

【问题标题】：How to get row index of a gridview row clicked by a user on it by javascript?如何通过javascript获取用户在其上单击的gridview行的行索引？
【发布时间】：2023-03-27 17:55:01
【问题描述】：

如何通过javascript获取用户点击的gridview行的行索引？

【问题讨论】：

标签： asp.net javascript gridview click

【解决方案1】：

这是一个小例子：

<asp:GridView ID="GridView1" runat="server">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <input type="button" value="getIndex" onclick="getIndex(<%# Container.DataItemIndex %>);" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

<script type="text/javascript">
    function getIndex(index) {
        alert(index);
    }
</script>

【讨论】：

您好如何在此处获取行 ID：

【解决方案2】：

给每一行一个唯一的id，后缀相同。

例如：

<table>
    <tbody>
        <tr id="row_1">
            <td>
                <input  onpasteventorwhatever="related_function(event,1)">
                </input>
            </td>
        </tr>
    </tbody>
</table>

【讨论】：

【解决方案3】：

我相信this older question的答案会提供你需要的答案。

【讨论】：

【解决方案4】：

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" 
            onclick="EditCell(event);"..............


<script type="text/javascript">
        function EditCell( e) {
            var rowIndex = e.srcElement.parentElement.sectionRowIndex;
            var cell = document.getElementById("GridView1").rows[rowIndex].cells[e.srcElement.cellIndex].innerText;
            alert(cell);
        }
    </script>

【讨论】：

为了让您的答案对其他人更有用，请为您的代码上下文提供一些见解或解释。如需帮助，请参阅 StackOverflow 上的 How to Write a Good Answer。