Keep value after postback
<p>I have an ASP.NET web site with something similar to the following code:</p>

<p><strong>.aspx</strong></p>

<pre><code>&lt;asp:UpdatePanel ID="UpdatePanel" runat="server"&gt;
    &lt;ContentTemplate&gt;
        &lt;table id="RatesTable"&gt;
            &lt;tr&gt;
                &lt;td&gt;Hotel&lt;/td&gt;
                &lt;td&gt;&amp;nbsp;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr id="NewRateRow"&gt;
                &lt;td&gt;
                    &lt;asp:DropDownList ID="TxtHotel" runat="server" OnSelectedIndexChanged="TxtHotel_SelectedIndexChanged" AutoPostBack="true"&gt;
                    &lt;/asp:DropDownList&gt;
                &lt;/td&gt;
                &lt;td&gt;
                    &lt;a href="javascript:AddHotelPackRate()"&gt;Add&lt;/a&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
    &lt;/ContentTemplate&gt;
&lt;/asp:UpdatePanel&gt;
</code></pre>

<p>AddHotelPackRate JS function, reads the value in the dropdown and "draws" a new row at the beginning of the table, containing this value. 
The problem is that after this, when the SelectIndexChanged fuction is executed again, the row that was added before, now dissapears. </p>

<p>Is there a way to avoid losing this type of information after postback?</p>
