Use JQuery under Asp.net to find out which element causes PostBack

  • 2020-05-10 17:58:14
  • OfStack

Look at the ASPX:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>Petter Liu demo</title> 
<script src="http://img.ofstack.com/jslib/jquery/jquery14.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function() { 
$("input:submit").click(function() { 
$("#HiddenField1").val($(this).attr("id") 
+ "  cause 1 a  postback"); 
}); 
}); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:Button ID="Button1" runat="server" Text="Button1" /> 
<asp:Button ID="Button2" runat="server" Text="Button2" /> 
<asp:Button ID="Button3" runat="server" Text="Button3" /> 
<asp:HiddenField ID="HiddenField1" runat="server" /> 
</div> 
</form> 
</body> 
</html> 

And then on the Sever side, I'm going to say:
 
/// <summary> 
/// Handles the Load event of the Page control. 
/// </summary> 
/// <param name="sender">The source of the event.</param> 
/// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param> 
/// <remarks>Author Petter Liu http://wintersun.cnblogs.com </remarks> 
protected void Page_Load(object sender, EventArgs e) 
{ 
Response.Write(HiddenField1.Value); 
} 

Very simple CODE.
I hope this POST article was helpful to you.

Related articles: