单击按钮显示div

时间:2015-01-09 10:07:46

标签: javascript

我有一个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" />

请帮帮我。

2 个答案:

答案 0 :(得分:1)

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

正如其他人所说,问题是当你点击按钮时,页面会发布到服务器上。如果您不想这样做,则应使用普通的HTML按钮(使用type="button"),而不是使用ASP按钮。

答案 1 :(得分:0)

您的Javascript正在运行,问题似乎是使用ASP实现的Button。

问题可能是Button的Serversided实现,这里是HTML实现。事情正在那里发挥作用。

&#13;
&#13;
function show_popup() {

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


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


<input type="button" onclick="show_popup()" value="Show"></input>
&#13;
&#13;
&#13;