Add more than one updatepanel in a single page

See more:

ASP.NET

Hi,

I have added ScriptManager and ScriptManagerProxy in my page.
I have added text box and drop ddown list boxes in each script..

When I select any one of the dd list box,
both text box values are getting cleared.

Pleas help me how to avoid this.

Below is my ScriptManager code.

<asp:ScriptManager ID="ScriptManager1" runat="server">
     </asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
            <table class="style7" style="border: thin groove #C0C0C0" width="460px" >
                
            <tr>
                <td>
                    <asp:Panel ID="Panel1" runat="server" Width="222px" align="center">
                      <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td align="center">
                        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
                            <asp:ListItem>Overlall DAT Compliance</asp:ListItem>
                            <asp:ListItem>Laptop DAT Compliance</asp:ListItem>
                            <asp:ListItem>Server DAT Compliance</asp:ListItem>
                            <asp:ListItem>Desktop DAT Compliance</asp:ListItem>
                        </asp:DropDownList>
                
                </td>
            </tr>
            </table> 
            </ContentTemplate>
                </asp:UpdatePanel>

Below is my ScriptManagerProxy code

<asp:ScriptManagerProxy ID="ScriptManager2" runat="server">
            </asp:ScriptManagerProxy>
            <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                <ContentTemplate>
            <asp:Panel ID="Panel5" runat="server" Width="222px" align="center"
                    style="z-index: 5; left: 17px; top: 615px; position:absolute; height: 31px; width: 210px">
            <table class="style7" style="border: thin groove #C0C0C0" width="460px" >
                
            <tr>
                <td>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>   
                </td>
            </tr>
            <tr>
                <td align="center">
                        <asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="DropDownList2_SelectedIndexChanged">
                            <asp:ListItem>Overlall DAT Compliance</asp:ListItem>
                            <asp:ListItem>Laptop DAT Compliance</asp:ListItem>
                            <asp:ListItem>Server DAT Compliance</asp:ListItem>
                            <asp:ListItem>Desktop DAT Compliance</asp:ListItem>
                        </asp:DropDownList>
                
                </td>
            </tr>
            </table> 
            </asp:Panel>
            </ContentTemplate>
            </asp:UpdatePanel>