Text box flashes the value returned from Client script & then disappears

See more:

ASP.NET

Javascript

Hi,

Since I'm new to web development, I'm learning few things by trying out myself.

Anyway, I've a web service which returns the sum of two numbers & I've called this web service in my client code. The web service runs fine so does everything else. However, the problem is when I set the result retrieved from the Web service to the text box; at run time, the text box just flashes for a second displaying the result & then it automatically clears itself off. Meaning, I can the result but it vanishes quickly. Has it got anything to with Post Back or something similar on those lines?

I've pasted the code below.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="WS.From.Client.Script.aspx.cs" Inherits="ASP.NET.UI._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Services>
            <asp:ServiceReference Path="~/MyArithmeticService.asmx" />
        </Services>
    </asp:ScriptManager>
    <asp:Button ID="btnCallWS" runat="server" Text="Call WS" OnClientClick="GetNumbersToAdd()" />
    <script type="text/javascript">

        function GetNumbersToAdd() {
            var firstNum = document.getElementById("<%= txtFirstNum.ClientID %>").value;
            var secondNum = document.getElementById("<%= txtSecondNum.ClientID %>").value;

            ASP.NET.UI.MyArithmeticService.AddTwoNumbers(firstNum, secondNum, DisplayAdditionResult);
        }

        function DisplayAdditionResult(result) {
            document.getElementById("<%= txtResult.ClientID %>").value = result;
        }

    </script>
    <asp:TextBox ID="txtFirstNum" runat="server"></asp:TextBox>
    <asp:TextBox ID="txtSecondNum" runat="server"></asp:TextBox>
    <asp:Label ID="lblResult" runat="server" Text="Addition Result"></asp:Label>
    <asp:TextBox ID="txtResult" runat="server"></asp:TextBox>
</asp:Content>

</code>

Thanks in advance!
Ads