javascript - Onclick 上的弹出表单错误
问题描述
我有这些按钮,当点击弹出表单时应该显示。但是发生了什么是它弹出一秒钟然后点击我做错了什么时消失了?我认为我的代码没问题。
按钮代码:
<button onclick="Openform()">Add New WorkStation</button>
javascript:
<script>
function Openform() {
document.getElementById('popupform').style.display = "block";
}
</script>
CSS:
.divpopup {
margin-left: auto;
margin-top: auto;
display: none;
}
应该弹出的 div:
<div id="popupform" class="divpopup">
<asp:TextBox ID="txtWorkStation" runat="server" placeholder="WorkStation Name"></asp:TextBox><br />
<asp:DropDownList ID="ddlWorkStation" runat="server">
<asp:ListItem Text="Active" Value="1"></asp:ListItem>
<asp:ListItem Text="InActive" Value="0"></asp:ListItem>
</asp:DropDownList><br />
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</div>
解决方案
这是因为您正在使用一个按钮,这会导致一个重置页面的回发。
您可以添加一个基本上取消按钮原始回发的返回值:
<button onclick="Openform(); return false;">Add New WorkStation</button>
或者使用按钮类型的输入:
<input type="button" onclick="Openform()" value="Add New WorkStation" />
或者取消按钮自然回发行为的另一种方式:
function Openform() {
event.preventDefault();
document.getElementById('popupform').style.display = "block";
}
推荐阅读
- python - K-Means 按组分类
- angular - Angular:如何管理特定树的 URL
- r - 创建间隔
- azure-api-management - 如何重置开发者门户的内容
- r - 反序列化错误(node$con):从连接读取错误和序列化错误(data,node$con,xdr = FALSE):写入连接错误
- python-3.x - RequestError:识别连接失败:[Errno 11001] getaddrinfo 失败
- postgresql - 使用 postgres 实现过期锁(或信号量)
- php - 将完整地址发送到 php 变量
- c# - 无效参数(接口 C#)
- sqlalchemy - Python脚本即使安装也找不到sqlalchemy包