Question

如何在Button.click中调用两个方法。我希望当我单击button时，一个方法在后面的代码中运行，另一个在脚本标记中运行。

HTML：

<asp:Button ID="btnUpdate" runat="server" Text="Button" OnClick="btnClick" />

Javascript：

var modal1 = document.getElementById('myModal1');
var modal2 = document.getElementById('myModal2');
var btnUpdate = document.getElementById("btnUpdate")

btnUpdate.onclick = function (e) {
    e.preventDefault();
    modal1.style.display = "none";
    modal2.style.display = "block";
}

后面的代码：

protected void btnClick(object sender, EventArgs e)
{
    txtCode.Value = "Foo";
}

现在script标记中的方法可以使用，但是其他方法不起作用。请帮助我。顺便说一下，我使用Asp.Net。

Answer 1

按钮的默认行为是将表单提交到服务器。

使用e.preventDefault();时，您可以防止将表单提交到服务器，这就是为什么客户端代码有效而服务器无效的原因。

如何在按钮点击中调用两种方法？

1 个答案: