javascript在回發后清除更改

Question

我在這里發布代碼，

ASP：

   <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
        CodeFile="Default.aspx.cs" Inherits="_Default" %>

    <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
        <script type="text/javascript">

        function ShowHideBox() {
            boxdl.style.display = 'none';
        }
    </script>
    </asp:Content>
    <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
        First Value:<asp:TextBox ID="first" runat="server" ></asp:TextBox><br />
        Second Value:<asp:TextBox ID="second" runat="server" ></asp:TextBox><br />
        Calculation:<asp:TextBox ID="calc" runat="server" ></asp:TextBox><br />
        <asp:Button ID="Calculate" runat="server" Text="Calculate" 
            onclick="Calculate_Click" />
         <div onclick="ShowHideBox();" style="display:block;height:10px;width:100px;background-color:#258000;"></div>
        <div style="background-color:#852000;width:100px;height:100px;display:block;border:black 1px solid;" id="boxdl">

        </div>
    </asp:Content>

C＃代碼：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Calculate_Click(object sender, EventArgs e)
    {
        calc.Text = (int.Parse(first.Text) + int.Parse(second.Text)).ToString();
    }
}

當我單擊綠色框時，redbox消失，但是當我單擊計算按鈕時，它計算兩個文本框的結果並在第三個文本框中顯示結果，但是問題是在發生回發事件后，redbox出現了，為什么？ 有什么解決方案可以防止此問題？？？ 這只是一個演示。 這個東西在我的項目中經常使用...

Answer 1

這是預期的輸出。 由於您回發到服務器，因此JS和HTML控件的狀態將不會保留。

一種解決方案是使這些控件成為服務器端，即runat =“ server”。