在表单中点击重置按钮清空表单信息

2022-06-28 13:39:16

举个栗子:
通过栗子我们可以看到,需要清空内容是"区域名称",“监测时间”,“雨量值(mm)”,“监测站”,"站点地址"的value,所以我们只需要在重置按钮添加一个点击事件就可以了

 <form action="InsertServlet?opr=insert" name="form"  method="post">
    	<p>区域名称:<input type="text" name="a" ></p>
    	<p>监测时间:<input type="text" name="date"><span>yyyy-MM-dd格式</span></p>
    	<p>雨量值(mm):<input type="text" name="b" ></p>
    	<p>监测站:<input type="text" name="c" ></p>
    	<p>站点地址:<input type="text" name="d" ></p>
    	
    	<p><input type="button" value="保存" >
    		<input type="button" value="重置" id="test">
    		<input type="button" value="返回" >
    	</p>
    </form>

再通过jQuery属性选择器的val()方法,设置值为空即可,点击事件如下:

$(function(){$('#test').click(function(){
					
    			$('[type=text]').val("");});})
  • 作者:天元白手
  • 原文链接:https://hxwwhl.blog.csdn.net/article/details/104409882
    更新时间:2022-06-28 13:39:16