从 C# 代码隐藏更改按钮标签

Question

很抱歉，我看了那么多帖子还是无法解决对其他人来说应该很简单的问题。简单地说...我在 VS2010 中创建了一个 ASP 网页，当用户单击 'Send Email' 按钮时，我想使用 JQuery 更改按钮然后调用我的代码隐藏做实际发送。或者，我希望后面的 C# 代码在发送过程中更改按钮文本，以便用户知道要坚持。

我是 JQuery 的新手，对 C# 还是很陌生。我的网站是www。 themilwaukeehandcenter.com。如果你点击联系我们...这是我想要代码的地方。我试过了

$("ContactUsButton").click(function () {
      ContactUsLabel.Text = "Processing";
  });

在主页上。我也试过

   protected void ContactUsButton_Click(object sender, System.EventArgs e)
    {
        ContactUsLabel.Text = "Sending... Please Wait";
        ContactUsLabel.Refresh();

我知道这应该很简单，但几个小时后......后来看了这么多帖子......我觉得没有更多了。我不太明白 JQuery onclick 和 ASP onclick 是如何相互作用的。我也不知道为什么 C# 将 Refresh() 标记为无效。欢迎任何帮助。

当我无法让 ContactUsButton 执行我想要的操作时，我实际上也在表单上放置了一个 ContactUsLabel。我太了解了，无法理解你所说的“你是如何声明你的按钮的，但这是创建它的代码：

”

<asp:Button ID="ContactUsButton" runat="server" 
     OnClick="ContactUsButton_Click" Text="Send Email" Width="120px"/> 
<asp:Label ID="ContactUsLabel" runat="server" Text="" Width="120px">
</asp:Label>

Answer 1

您的 WinForm 代码：

<asp:button id="ContactUsButton" runat="server" onclick="ContactUsButton_Click" cssClass="myButton" text="Contact Us" />

提交时使用 jQuery 脚本更改按钮文本。

$(document).ready(function() {
    $('.myButton').click(function(){
        $(this).attr('value', 'Processing...');
    });
});

在 fiddler 中查看：view

最后在服务器端：

protected void ContactUsButton_Click(object sender, System.EventArgs e)
{
    ContactUsButton.Text = "Thank You";         
}

从 C# 代码隐藏更改按钮标签

Changing button label from c# code-behind

c#

asp.net

jquery

button