Get the values of selected row from a Gridview in TextBox using AJAX

Code :

<title>MY AJAX APPLICATION</title>
<style type="text/css">
.style1
{
height: 54px;
}
</style>
</head>
<body bgcolor="#669999">
<form id="form1" runat="server" style="background-color: #00FF99">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div style="background-color: #FFCCFF" align="center">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<br />
<br />
<br />
<br />
<br />
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
CellPadding="4" DataSourceID="SqlDataSource1" ForeColor="White"
GridLines="Vertical" onselectedindexchanged="GridView1_SelectedIndexChanged">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:CommandField ShowSelectButton="True" />
<asp:BoundField DataField="ID" HeaderText="ID" SortExpression="ID" />
<asp:BoundField DataField="NAME" HeaderText="NAME" SortExpression="NAME" />
<asp:BoundField DataField="CLASS" HeaderText="CLASS" SortExpression="CLASS" />
<asp:BoundField DataField="SUBJE" HeaderText="SUBJE" SortExpression="SUBJE" />
</Columns>
<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
<RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
<SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
<SortedAscendingCellStyle BackColor="#FDF5AC" />
<SortedAscendingHeaderStyle BackColor="#4D0000" />
<SortedDescendingCellStyle BackColor="#FCF6C0" />
<SortedDescendingHeaderStyle BackColor="#820000" />
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT * FROM [MYTABLE]"></asp:SqlDataSource>
<br />
<table class="style1" style="background-color: #CCFF99; height: 268px;">
<tr>
<td class="style1">
ID</td>
<td class="style1">
<asp:TextBox ID="TextBox1" runat="server" ForeColor="#9900FF"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
NAME</td>
<td>
<asp:TextBox ID="TextBox2" runat="server" ForeColor="#FF6699"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
CLASS</td>
<td>
<asp:TextBox ID="TextBox3" runat="server" ForeColor="#9966FF"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
SUBJEC</td>
<td>
<asp:TextBox ID="TextBox4" runat="server" ForeColor="#FF33CC"></asp:TextBox>
</td>
</tr>
</ContentTemplate>
</asp:UpdatePanel>

Step 12 : Now run the application by Pressing F5.

Step 13 : Now click on the Select option and see the output.