在Asp.net页面中,经常会用到查询并显示结果,有很多的查询条件的文本框,那么也会用到清空按钮了,就是清空查询的条件的文本框或者别的控件。
下面介绍两种用的比较多的清空按钮的实现。
有两种方式:
第一种,逐个控件设置为初始状态,比如文本框的设置为空,下拉列表的设置问选中某一项等等;
第二种,让整个页面回归为初始状态。
我们直接看代码,下面是一个简单的页面。
这两种方式,第一种比较繁琐一点,但是却使用更灵活;第二种相对比较简单。大家可以根据自己的实际使用情况灵活选择。
代码下载: http://download.csdn.net/detail/yysyangyangyangshan/8413261
下面介绍两种用的比较多的清空按钮的实现。
有两种方式:
第一种,逐个控件设置为初始状态,比如文本框的设置为空,下拉列表的设置问选中某一项等等;
第二种,让整个页面回归为初始状态。
我们直接看代码,下面是一个简单的页面。
<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