Gridview - Update field while being on row edit mode

Question

Hello,

 

I need some help with the GridView, you can find the html code below.

On edit mode, when ddlType changes I need lblAvg updated with the proper value (from ddlType) while keeping the row on edit mode.

Similarly, I have to do the same on new addition (insert).

 

Any kind of help will be highly appreciated. 

 

"gv" runat="server" AutoGenerateColumns="false" ShowFooter="true" Font-Size="Small"
          AllowPaging="True" PageSize="20">

                "20px"  HeaderText = "ID" Visible="false">

                        "lblID" runat="server" Text='<%# Eval("ID")%>'>


                          "txtID" runat="server" Text='<%# Eval("ID")%>'>


                "300px"  HeaderText = "Type">

                        "lblType" runat="server" Width="250px" Text='<%# Eval("TypeDescription")%>'>


                        "ddlType" Width="250px" runat="server">


                        "addDdlType" Width="250px" runat="server">


                "150px"  HeaderText = "Average">

                        "lblAvg" runat="server" Text='<%# Eval("Avg")%>'>


                "150px"  HeaderText = "Percentage">

                        "lblPerc"   runat="server" Text='<%# Eval("Perc")%>'>


                        "txtPerc" runat="server" Width="100px" Text='<%# Eval("Perc")%>'>


                        "addtxtPerc" Width="100px" runat="server">


                "150" >

                       "btnEdit" Text="Edit" runat="server" CommandName="Edit"/>


                       "btnUpdate" Text="Update" runat="server" CommandName="Update"/>
                       "btnCancel" Text="Cancel" runat="server" CommandName="Cancel"/>


                       "btnInsert" runat="server" Text="Insert" Width="100" CommandName="Insert" />




                      "return confirm('Delete?')">
                         "btnDelete" runat="server" ImageUrl="~\Images\delete.png" OnClick="Delete" CommandArgument='<%#Eval("ID")%>' />