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

本文关键字：类型 输入 提交 Web NET ASP 窗体 控件 HTML 显示 | 更新日期: 2023-09-27 18:35:38

例如，我的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 窗体的新手。

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

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
        }
    }
相关文章：