Question

我有一个div，其显示设置为none。点击按钮后，我需要显示这个div。
我已经写了一个JavaScript函数来做到这一点，它的工作原理，但点击按钮div显示，并再次隐藏。还有什么是要做的，所以仍然存在。

的JavaScript如下：

function show_popup() { 
    document.getElementById("Div1").style.display = 'block'; 
} 

和DIV如下：

<div id="Div1" style="display:none"> 

JavaScript函数被调用按钮点击如下：

<asp:Button ID="Button3" runat="server" OnClientClick="javascript: show_popup()" Text="Button" /> 

请帮我出。

Answer 1

您的Javascript正在工作，问题似乎是用ASP实现的按钮。

问题可能是按钮的Serversided实现，这里是HTML实现。事情在那里工作。

function show_popup() { 
 

 
     document.getElementById("Div1").style.display = 'block'; 
 
    }

 

 

 
<div id="Div1" style="display:none">asdasdasdasdasdasd</div> 
 

 

 
<input type="button" onclick="show_popup()" value="Show"></input>

Answer 2

如果我正确解释您的问题：div重置将隐藏在页面刷新或导航上。这是可以预料的，显示值也应该在服务器端处理。

正如其他人所说的，问题是，当你点击按钮时，该页面被发布到服务器。如果你不想这样做，你应该使用一个普通的HTML按钮（与type="button"），而不是一个ASP。