js獲取gridview的值

 1 方法一:
 2 
 3 這是在GridView里面沒有控件的情況下,有控件另當別論
 4 
 5 var gdview=<%=gridview.ClientID%>;//gridview是GridView控件的ID
 6 
 7 或者
 8 
 9 var gdview=document.getElementById("<%=gridview.ClientID %>");
10 
11 //1 讀取指定行單元格的值 如果是0則讀出其表頭的值
12 //rowIndex=1就是第一行的值
13 function getCellValueByRow(rowIndex)
14 {
15    for(var i=0;i<gdview.rows(rowIndex).cells.length;i++)
16    {
17       alert(gdview.rows(rowIndex).cells(i).innerText);//彈出指定行單元格的值
18 
19    }
20 } 
21 
22 方法二:
23 
24 首先在模板列中添加一個按鈕用來選中行，頁面有關代碼如下： 
25 
26 <Columns>
27                                                 <asp:TemplateField>
28                                                     <ItemTemplate>
29                                                         <input id="btnLocation" type="button" value="定位到" onclick="Select()" style="height: 20px" />
30                                                     </ItemTemplate>
31                                                 </asp:TemplateField>
32                                             </Columns> 
33 
34 腳本代碼如下：
35 
36 //取得gridview中獲取選中行指定列的值
37       function Select()
38       {
39             //獲取鼠標點擊的元素
40             var e=event.srcElement;
41             //獲取元素所在的行的行號（表頭行號從0開始）。注意：parentElement只適用於IE瀏覽器，而parentNode則符合DOM標准。
42            //var rowIndex=e.parentElement.parentElement.rowIndex ;
43             var rowIndex=e.parentNode.parentNode.rowIndex ;
44             //獲取GridView控件
45             var gdview=document.getElementById("<%=gdview.ClientID %>");
46            //分別獲取選定行標注點的X、Y坐標
47            var value=gdview.rows(rowIndex).cells(列號).innerText;
48 
49       }
50 
51 方法三:
52 
53 <script type="text/javascript">       function fun()       {           var GridView=document.getElementById("GridView1");           for(var i=1;i <GridView.rows.length;i++)//從1開始，表示不考慮表格列頭           {               var html=GridView.rows[i].cells[0].getElementsByTagName("input")[0].value;               alert(html);           }       }     </script>