在 ASP.NET Web 窗体中显示 HTML 控件的名称(输入类型为“提交”）

Displaying the Name of an HTML Control (Input with Submit type) in ASP.NET Web Forms

本文关键字：类型 输入 提交 Web NET ASP 窗体 控件 HTML 显示      更新时间：2023-09-26

例如，我的aspx页面中有2个输入提交按钮：

<input runat="server" name="btnSubmit" id="btnSubmit" value="Submit" type="submit" OnServerClick="ibtn_Click" />
<input runat="server" name="btnCancel" id="btnCancel" value="Cancel" type="submit" OnServerClick="ibtn_Click" />

从代码隐藏中，如何检查用户单击的按钮是"提交"还是"取消"？

我是 Web 窗体的新手。

HTML 

OnServerClick="ibtn_Click(this)"

.js

function ibtn_Click(el){
   if(el.id == 'btnSubmit'){ // code here for Submit button}
   else if(el.id == 'btnCancel'){ // code here for Cancel button}
}

在OP的评论之后更新。

您可以为两个按钮创建不同的函数，并在另一个函数中保留公共代码（如果有），并在要使用的两个函数中调用此函数。

例

function common_code (){ //common code for both functions }
function btnSubmit (){
  // code here for Submit button and call 
  common_code ();
}
function btnCancel (){
  // code here for Cancel button and call 
  common_code ();
}

.HTML

<input runat="server" name="btnSubmit" id="btnSubmit" value="Submit" type="submit" OnServerClick="btnSubmit" />
<input runat="server" name="btnCancel" id="btnCancel" value="Cancel" type="submit" OnServerClick="btnCancel" />

是的！，可以使用 1 个方法/函数来 2 个或更多按钮....并且还使用1方法/功能，您可以确定是提交还是取消使用的按钮。

*.asp

<input type="submit" value="Submit" ID="Button1" runat="server" Text="Submit" OnServerClick="Button1_Click" />
<input type="submit" value="Cancel" ID="Button2" runat="server" Text="Cancel" OnServerClick="Button1_Click" />

*.cs（代码隐藏）

protected void Button1_Click(object sender, EventArgs e)
    {
        System.Web.UI.HtmlControls.HtmlInputButton btn = sender as System.Web.UI.HtmlControls.HtmlInputButton;
        if (btn.Value == "Submit")
        {
            // statements
        }
        else if (btn.Value == "Cancel")
        {
            // statements
        }
    }
相关文章：