JS获取 asp.net GridView数据

即使都是模板列但是内部控件不一致的情况下 获取数据的方法还是有一点儿区别的

1. Label 

<asp:TemplateField HeaderText="序号">
            <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Bind("ID") %>'/>
            </ItemTemplate>
</asp:TemplateField>

JS: //Index要把表头的行去掉 rows是包括表头的 cells也要注意

var gridview = document.getElementById("GridView1")

gridview.rows[Index].cells[0].innerText; 

 

2.TextBox

<asp:TextBox ID="TextBox1" Width="24px" Text='<%# Bind("ID")%>' runat="server" />

JS:

gridview.rows[Index].cells[0].getElementsByTagName("input")[0].value;

 

3.不使用模板列 AutoGenerateColumns="true"

JS:

gridview.rows[Index].cells[0].innerHTML;

 

4.select

  var select = gridview.rows[Index].cells[0].getElementsByTagName("select")[0];

            var index = select.selectedIndex;
            var text = select.options[index].text;
            var value = select.options[index].value;