gpt4 book ai didi

javascript - 取消隐藏 using javascript

转载 作者:行者123 更新时间:2023-11-28 03:40:42 25 4
gpt4 key购买 nike

我有一个<asp:Panel>用css隐藏display: none;我想在出现错误时显示面板。将样式设置为'block'在 JavaScript 中不起作用。

document.getElementById('<%= UxErrorPanel.ClientID %>').style.display = 'block';            
<asp:Panel CssClass="alert alert-danger hidden" ID="UxErrorPanel" runat="server">
<asp:Label runat="server" ID="UxLabelErrorHeader" Text="Unable to connect to the Stripe payment provider"></asp:Label>
<br />
<asp:Label runat="server" ID="UxLabelErrorMessage"></asp:Label>
</asp:Panel>

最佳答案

    <!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function HidePanel() {
document.getElementById('<%= pnlMain.ClientID %>').style.display = 'block';
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btnPushMe" runat="server" OnClientClick="HidePanel(); return false;" Text="Push Me" />
<asp:Panel ID="pnlMain" runat="server" style="display: none;">
<label>Going to be hidden, soon.</label>
</asp:Panel>
</div>
</form>
</body>
</html>

这只是我玩玩而已。但我认为你可以采用这个 HTML/JS 并得到你自己的解决方案。

编辑:要通过更改添加更多上下文...我在 CSS 类通过可见性属性而不是显示隐藏元素时遇到了类似的问题,这就是我设置 style="display: none 的原因;" 在面板上。请注意,IntelliSense 可能会尝试告诉您这不是您可以设置的属性,但请忽略它。有时,ASP 控件可能很痛苦。

如果您使用的是 jQuery,则可以仅使用 .toggle() 或。 fadeToggle() 用于一些额外的动画。

关于javascript - 取消隐藏 <asp :Panel> using javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57326842/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com