如何使用 Javascript 从 GridView 单元格中获取值答案

【问题标题】：How to get value from GridView cell with Javascript如何使用 Javascript 从 GridView 单元格中获取值
【发布时间】：2019-01-05 11:06:57
【问题描述】：

我正在尝试从 GridView 单元格中获取值以更改嵌入 PDF 的源。当单击GridView 的每一行上的按钮时，我执行一个函数。

这是我目前的代码：

<script>

    function changepdf(pdf) {

        var value = document.getElementById('<%= GridView1.ClientID %>').rows[pdf.rowIndex].cells[3].innerText;
        var file = document.getElementById('pdf');
        file.src = 'pdf/catalogosh.pdf#page=' + value + '&#toolbar=0&#view=fit';
        return false;
    }

</script>

当我像这样编写新的源代码时，Javascript 函数可以正常工作：

<script>

    function changepdf(pdf) {

        var file = document.getElementById('pdf');
        file.src = 'pdf/catalogosh.pdf#page=4&#toolbar=0&#view=fit';
        return false;
    }

</script>

主要思想是从 de GridView 中获取值来更改 PDF 页面。

提前感谢您的帮助。

【问题讨论】：

标签： javascript asp.net gridview

【解决方案1】：

我刚刚解决了。我将代码粘贴在这里，供任何试图解决相同问题的人使用：

        function changepdf(pdf) {

        var row = pdf.parentNode.parentNode;
        var rowIndex = row.rowIndex;
        var value = document.getElementById('<%= GridView1.ClientID %>').rows[rowIndex].cells[2].innerText;
        var file = document.getElementById('pdf');
        file.src = 'pdf/catalogosh.pdf#page=' + value + '&#toolbar=0&#view=fit';

        return false;

    }

我的问题是rowIndex。代码很糟糕，我得到了错误的值。我添加了这两行来让它变得更好：

var row = pdf.parentNode.parentNode;
var rowIndex = row.rowIndex;

然后我用这一行得到了单元格值：

var value = document.getElementById('<%= GridView1.ClientID %>').rows[rowIndex].cells[3].innerText;

【讨论】：