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

举个栗子:
通过栗子我们可以看到,需要清空内容是"区域名称",“监测时间”,“雨量值(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("");
				
				});	
    
    })
发布了108 篇原创文章 · 获赞 46 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_44739706/article/details/104409882