讓「提交」按鈕在點擊後消失

這是來自Visual Studio的Web表單。用戶點擊「提交」按鈕後，會顯示另一個視圖，感謝他們填寫表單，但該按鈕仍然顯示在頁面上，並顯示感謝信息。如何讓它在點擊後消失？讓「提交」按鈕在點擊後消失

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloWebForm.aspx.cs" Inherits="WebApplication1.HelloWebForm" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div style="width: 37px"> 
     <asp:Panel ID="PanelNameForm" runat="server" Width="502px"> 
      <asp:Label ID="LabelFirstName" runat="server" Text="First Name"></asp:Label> 
      <asp:TextBox ID="TextBoxFirstName" runat="server"></asp:TextBox> 
      <asp:Label ID="LabelLastName" runat="server" Text="Last Name"></asp:Label> 
      <asp:TextBox ID="TextBoxLastName" runat="server"></asp:TextBox> <br /> 
      <asp:Label ID="LabelAddr1" runat="server" Text="Address"></asp:Label> 
      <asp:TextBox ID="TextBoxAddr1" runat="server"></asp:TextBox> 
      <asp:Label ID="LabelAddr2" runat="server" Text="Address"></asp:Label> 
      <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
      <br /> 
      City<asp:TextBox ID="TextBoxAddr2" runat="server"></asp:TextBox> 
      State<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
      Zip<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
      <br /> 
      Phone Number<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox> 
      email<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox> 
      Age<asp:DropDownList ID="DropDownList1" runat="server"> 
       <asp:ListItem Value="1">0-17</asp:ListItem> 
       <asp:ListItem Value="2">18-21</asp:ListItem> 
       <asp:ListItem Value="3">22-25</asp:ListItem> 
       <asp:ListItem Value="4">26-35</asp:ListItem> 
       <asp:ListItem Value="5">36+</asp:ListItem> 
      </asp:DropDownList> 
      <asp:Panel ID="Panel1" runat="server" Width="407px"> 
       Gender<asp:RadioButtonList ID="RadioButtonList1" runat="server"> 
        <asp:ListItem Value="Male">Male</asp:ListItem> 
        <asp:ListItem Value="Female">Female</asp:ListItem> 
       </asp:RadioButtonList> 
       Favorite Cheese<asp:TextBox ID="TextBox6" runat="server"></asp:TextBox> 
       <br /> 
       How often do you eat cheese? (Check one)<asp:CheckBoxList ID="CheckBoxList1" runat="server" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"> 
        <asp:ListItem>Every Day</asp:ListItem> 
        <asp:ListItem>Every Other Day</asp:ListItem> 
        <asp:ListItem>Once A Week</asp:ListItem> 
        <asp:ListItem>I Don&#39;t Like Cheese</asp:ListItem> 
       </asp:CheckBoxList> 
       Cheese Texture Preferences (Check All That Apply)<asp:CheckBoxList ID="CheckBoxList2" runat="server"> 
        <asp:ListItem Value="1">Hard</asp:ListItem> 
        <asp:ListItem Value="2">Semi-hard</asp:ListItem> 
        <asp:ListItem Value="3">Semi-soft</asp:ListItem> 
        <asp:ListItem Value="4">Soft</asp:ListItem> 
        <asp:ListItem Value="5">Crumbly</asp:ListItem> 
       </asp:CheckBoxList> 
       Milk Type Preferences (Check All That Apply)<asp:CheckBoxList ID="CheckBoxList3" runat="server"> 
        <asp:ListItem>Buffalo</asp:ListItem> 
        <asp:ListItem>Cow</asp:ListItem> 
        <asp:ListItem>Goat</asp:ListItem> 
        <asp:ListItem>Vegetarian</asp:ListItem> 
       </asp:CheckBoxList> 
      </asp:Panel> 
     </asp:Panel> 
     <asp:Panel ID="PanelThankYou" runat="server" Width="442px"> 
      Thank you for taking the survey, <asp:Label ID="LabelThankYouName" runat="server" Text=""></asp:Label> 
     </asp:Panel> 
    </div> 
     <asp:Button ID="Button" runat="server" Text="Submit" OnClick="Button_Click" /> 
    </form> 
</body> 
</html>

來源

2013-09-21 Grafica

通常的做法是在表單提交後重定向到單獨的「謝謝」頁面。

在你的情況，你可以簡單的添加

Button.Visible = False

進入按鈕的Click事件。（順便說一下，你可能想要將按鈕的ID改爲與保留字不同的東西）。

來源

2013-09-21 03:04:59

集自動回在你的設計代碼= TRUE，

然後在後面的ispagepostback財產類文件檢查你的代碼是否是真的提交道謝n裝入新的頁面或隱藏謝謝你的短信..

來源

2013-09-21 03:05:26

您可以將該按鈕添加到PanelNameForm中，然後一旦點擊它就可以隱藏整個面板。 Onclick_button事件添加。

PanelThankYou.Visible = true 
PanelNameForm.Visible = false

來源

2013-09-21 03:11:31 Lily

謝謝所有回覆。所有的建議都非常有幫助，但我採用了這個解決方案。 – Grafica

讓「提交」按鈕在點擊後消失

回答

相關問題