Question

Js中如何获取GridView中的值？

说明：Gridview Id="grdPro" ,上面已经数据，第一列为绑定的文本......
在Js中想取到第一列的值。下面报错；
Gridview 中的转化后的源代码如下：
//
<table cellspacing="0" rules="all" border="1" id="grdPro" style="font-size:9pt;width:99%;border-collapse:collapse;">
<tr>
<th scope="col">短信息内容</th><th scope="col">删除</th>
</tr><tr>
<td>Jerry replied, "Each morning I wake up and say to myself, "Jerry, you have two choices today. You can choose to be in a good mood or you can choose to be in a bad mood." I choose to be in a good mood. Each time something bad happens, I can choose to be a victim or I can choose to learn from it. I choose to learn from it. Every time someone comes to me complaining, I can choose to accept their complaining or I can point out the positive side of life. I choose the positive side of life." </td><td align="center" valign="middle" style="width:6%;"><a href="javascript:__doPostBack('grdPro','Delete$0')"><div onclick="JavaScript: return confirm('确定删除吗？')">删除</div></a></td>
</tr><tr>
<td> He was a unique manager ause he had several waiters who had followed him around from restaurant to restaurant. The reason the waiters followed Jerry was ause of his attitude. He was a natural motivator. If an employee was having a bad day, Jerry was there telling the employee how to look on the positive side of the situation.</td><td align="center" valign="middle" style="width:6%;"><a href="javascript:__doPostBack('grdPro','Delete$1')"><div onclick="JavaScript: return confirm('确定删除吗？')">删除</div></a></td>
</tr>
</table>
//
Js Code:

function Test()
{
var i;
var table=document.getElementById("grdPro");
var tr=table.getElementsByTagName("tr");
for( i=0;i<tr.length;i++)
{
alert(tr[i][0].value)//错误提示：“0.value为空或不是对象”
}
}

该怎么写才正确，先谢谢各位！

Answer 1

参考代码如下：
这是在GridView里面没有控件的情况下,有控件另当别论 ；

var gdview=<%=gridview.ClientID%>;//gridview是GridView控件的ID

或者

var gdview=document.getElementById("<%=gridview.ClientID %>");

//1 读取指定行单元格的值如果是0则读出其表头的值
//rowIndex=1就是第一行的值
function getCellValueByRow(rowIndex)
{
for(var i=0;i<gdview.rows(rowIndex).cells.length;i++)
{
alert(gdview.rows(rowIndex).cells(i).innerText);//弹出指定行单元格的值

}
}

//2 读取指定列单元格的值 cellIndex=0则为第一列的值
function getValueByCell(cellIndex)
{
for(var i=0;i<gdview.rows.length;i++)
{
alert(gdview.rows(i).cells(cellIndex).innerText);//指定列单元格的值
}
}

//3 读取所有单元格的值
function getValueAll(cellIndex)
{
for(var i=1;i<gdview.rows.length;i++)//要从1开始,从0则会读出表头的值
{
for(varj=0;j<gdview.rows(i).cells.length;j++)
{
alert(gdview.rows(i).cells(j).innerText);//读取所有单元格的值
}
}
}

//4 读取列标头的值
functioin getValueTitle()
{
for(var i=0;i<gdview.rows(0).cells.length;i++)
{
alert(gdview.rows(0).cells(i).innerText);//读取列标头的值

}
}

Answer 2

参考代码如下：
这是在GridView里面没有控件的情况下,有控件另当别论
；
var
gdview=<%=gridview.ClientID%>;//gridview是GridView控件的ID
或者
var
gdview=document.getElementById("<%=gridview.ClientID
%>");
//1
读取指定行单元格的值如果是0则读出其表头的值
//rowIndex=1就是第一行的值
function
getCellValueByRow(rowIndex)
{
for(var
i=0;i<gdview.rows(rowIndex).cells.length;i++)
{
alert(gdview.rows(rowIndex).cells(i).innerText);//弹出指定行单元格的值
}
}
//2
读取指定列单元格的值
cellIndex=0则为第一列的值
function
getValueByCell(cellIndex)
{
for(var
i=0;i<gdview.rows.length;i++)
{
alert(gdview.rows(i).cells(cellIndex).innerText);//指定列单元格的值
}
}
//3
读取所有单元格的值
function
getValueAll(cellIndex)
{
for(var
i=1;i<gdview.rows.length;i++)//要从1开始,从0则会读出表头的值
{
for(varj=0;j<gdview.rows(i).cells.length;j++)
{
alert(gdview.rows(i).cells(j).innerText);//读取所有单元格的值
}
}
}
//4
读取列标头的值
functioin
getValueTitle()
{
for(var
i=0;i<gdview.rows(0).cells.length;i++)
{
alert(gdview.rows(0).cells(i).innerText);//读取列标头的值
}
}

Answer 3

我会这样处理：
如果我点了gridview中的某一行的某个按钮，要捕捉到它第一行的数据。
那个按钮有个事件，<input type='button' onclick='Test(this)'>

那么在Test()中这样写：

function Test(item)
{
var AA = item.parentElement.parentElement.ChildNodes[0].innerText;

//具体 语法可能不正确，但大致是这个意思。
//item.parentElement.定位到td
//item.parentElement.parentElement定位到tr
//item.parentElement.parentElement.ChildNodes[0]定位到第一个td
//然后找里面的innerText

//如果lz用alert可以看具体的信息。
//比如：
alert(item.parentElement.OuterHTML);
alert(item.parentElement.parentElement.OuterHTML);
//这样可以加深你的理解吧。。试试。
}

Answer 4

写错了吧 倒数第七行! 应该是这个吧getElementsByTagNames("tr")吧