按鈕隱藏asp.net面板點擊使用javascript

我想隱藏一個asp.net面板上點擊一個按鈕。按鈕隱藏asp.net面板點擊使用javascript

JavaScript和控制我用

<script type="text/javascript"> 
    function ShowPanel() 
    { 
     document.getElementById("<%= pnlCombinedPdf.ClientID %>").style.display = "none"; 
    } 
</script> 

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="ShowPanel()"/> 

     <asp:Panel ID="pnlCombinedPdf" runat="server" Visible="false"> 
      <fieldset> 
       <legend class="SubSectionHeading">Merge PDF</legend> 
       <table style="width: 100%"> 
        <tr> 
         <td> 
          <asp:Button ID="btnMergePdf" runat="server" Text="Merge PDF"/> 
         </td> 
        </tr> 
       </table> 
      </fieldset> 
     </asp:Panel>

但問題是，它並不顯示面板點擊按鈕後。請幫助我在點擊時看到它。

來源

2014-02-25 Riki

*「我試圖隱藏ASP .net面板上點擊一個按鈕......問題是它沒有顯示面板後，點擊按鈕「* - 這是因爲你是*隱藏*當按鈕點擊。如果它是某種切換行爲，則只需將'display'屬性從'none'切換到'block'即可。 – James

使用display = "block"顯示和display = "none"隱藏

function ShowPanel() 
{ 
    document.getElementById("<%= pnlCombinedPdf.ClientID %>") 
      .style.display = "block"; 
}

來源

2014-02-25 15:08:12

你只需要改變你的jQuery代碼：

function ShowPanel() 
{ 
    document.getElementById("pnlCombinedPdf").style.display = 'none'; 
     return false; 
}

這一切

來源

2014-02-25 15:10:22

按鈕隱藏asp.net面板點擊使用javascript

回答

相關問題