Asp.net 在后台代码中给html中的input添加点击事件,以及获取input中的输入值

给input添加点击事件,获取input中输入的内容

在这里我添加了三个常用的input标签,它们的类型分别是text,submit,button。
在这里插入图片描述

  1. 如果我们想要在后台中为它们添加点击事件(也就是在 .cs文件中),就必须为它添加 runat=“server” 以及 onserverclick=“点击事件的名称”。
    注意:是onserverclick不是onclick, 为onclick添加的方法可以在当前页面的js中定义,在后台中编写是无效的。

  2. 如果我们想要在后台中获取input的输入值,那么我们需要为它添加两个属性一个是id=“自定义名称”,另一个是runat=“server”。然后我们就可以通过:自定义名称.value来获取输入的值。在这里就是Text1.Value

在这里我编写了两个弹窗来测试一下点击事件是否有效

    //括号里参数就仿照一般的按钮点击事件来写就行
    protected void click1(object sender, EventArgs e)
    {
    	//弹窗显示输入框中的值,通过Text1.Value来获取
        Response.Write("<script>alert('" + Text1.Value + "')</script>");
    }

    protected void click2(object sender, EventArgs e)
    {
    	//弹窗显示hahaha
        Response.Write("<script>alert('hahaha')</script>");
    }

运行起来输入hello,分别点击按钮1、按钮2。可以看到已经实现了目标效果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

发布了26 篇原创文章 · 获赞 24 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/showadwalker/article/details/89176616
今日推荐