ASP.NET—017：ASP.NET中清空按钮的实现

最新推荐文章于 2021-06-03 13:46:14 发布

杨友山

最新推荐文章于 2021-06-03 13:46:14 发布

阅读量4k

点赞数 4

分类专栏： ASP.NET

本文链接：https://blog.csdn.net/yysyangyangyangshan/article/details/43344485

版权

ASP.NET 专栏收录该内容

31 篇文章 2 订阅

订阅专栏

在Asp.net页面中，经常会用到查询并显示结果，有很多的查询条件的文本框，那么也会用到清空按钮了，就是清空查询的条件的文本框或者别的控件。
下面介绍两种用的比较多的清空按钮的实现。
有两种方式：
第一种，逐个控件设置为初始状态，比如文本框的设置为空，下拉列表的设置问选中某一项等等；
第二种，让整个页面回归为初始状态。
我们直接看代码，下面是一个简单的页面。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <table style="text-align:center;">
       <tr>
         <td><asp:Label ID="lbl1" runat="server" Text="姓名" /></td>
         <td><asp:TextBox ID="txt1" runat="server" Width="100px" /></td>
         
         <td><asp:Label ID="lb12" runat="server" Text="职业" /></td>
         <td><asp:TextBox ID="txt2" runat="server" Width="100px" /></td>
       </tr>


       <tr>
        <td align="right" colspan="4">
         <asp:Button ID="buttonReset1" runat="server" Text="清空一" OnClientClick="return Reset1()"/>
         <asp:Button ID="buttonReset2" runat="server" Text="清空二" OnClientClick="return Reset2()"/></td>
       </tr>
     </table>
    </div>
    </form>
</body>
<script type="text/javascript">
    function Reset1() {
        document.getElementById("<%=txt1.ClientID%>").value = "";
        document.getElementById("<%=txt2.ClientID%>").value = "";
        return false;
    }


    function Reset2() {
        this.document.location = this.document.location;
        return false;
    }
</script>
</html>

这两种方式，第一种比较繁琐一点，但是却使用更灵活；第二种相对比较简单。大家可以根据自己的实际使用情况灵活选择。
代码下载： http://download.csdn.net/detail/yysyangyangyangshan/8413261

杨友山

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET—017：ASP.NET中清空按钮的实现

在Asp.net页面中，经常会用到查询并显示结果，有很多的查询条件的文本框，那么也会用到清空按钮了，就是清空查询的条件的文本框或者别的控件。下面介绍两种用的比较多的清空按钮的实现。有两种方式：第一种，逐个控件设置为初始状态，比如文本框的设置为空，下拉列表的设置问选中某一项等等；第二种，让整个页面回归为初始状态。我们直接看代码，下面是一个简单的页面。
复制链接

扫一扫

专栏目录