js清空form表单里的值，清空input ，清空select

最新推荐文章于 2025-06-11 21:11:49 发布

原创最新推荐文章于 2025-06-11 21:11:49 发布 · 4.6w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery清空表单选中项

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的网页表单及其对应的清空功能实现。通过使用HTML和JavaScript, 当用户点击“清空筛选”按钮时，所有输入框和下拉选项都会被重置为空。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	清空form表单选择项：

	<div class="screen-window">
		<form action="/Index/index" method="post" class="form-horizontal group-border hover-stripped">
			<select class="control" name="clients_belong" >
				<option value="">请选择</option>
				<option value="1">你好</option>
			</select>
			
			<input type="text" name="timea" value=''>
			<input type="text" name="timeb" value=''>
			
			<button type="submit">确认提交</button>
			<button id="qingkong" type="button">清空筛选</button>
		</form>	
	</div>
	
	<script src="/Public/js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$("#qingkong").click(function(){
			$(".screen-window form input").each(function(){
				$(this).val('');
			});
			$(".screen-window form select").each(function(){
				$(this).val('');
			});
		})
	</script>