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

时间:2015-02-09 01:56:54

标签: c# jquery asp.net button

对不起,即使看了这么多帖子,我也无法解决其他人必须要做的事情。简单说明......我有一个我在VS2010中创建的ASP网页,当用户点击“发送电子邮件”时。按钮,我想使用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>

1 个答案:

答案 0 :(得分: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";         
}