ASP.NET—017: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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。