使用javascript按钮单击隐藏asp.net面板

Question

我试图在点击按钮时隐藏asp.net面板。

我使用的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>

但问题是单击按钮后没有显示面板。请帮我看一下。

Answer 1

你只需要更改你的jquery代码：

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

这就是全部

Answer 2

使用display = "block"显示并display = "none"隐藏

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