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

	清空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>


  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
清空表单数据可以通过以下几个步骤实现: 1. 给表单中的每个组件设置一个唯一的ID,例如: ```html <input id="input1" type="text" /> <textarea id="textarea1"></textarea> <checkbox-group id="checkbox-group1"></checkbox-group> <radio-group id="radio-group1"></radio-group> <picker-view id="picker-view1"></picker-view> <switch id="switch1"></switch> ``` 2. 在清空表单数据的按钮的事件处理函数中,使用 `wx.createSelectorQuery()` 获取表单中的所有组件,然后遍历这些组件,将它们的设置为空或默认,例如: ```javascript // 获取表单中的所有组件 wx.createSelectorQuery().selectAll('.form-item').fields({ id: true, dataset: true, node: true, size: true, rect: true }, function (res) { res.forEach(function (item) { switch (item.node.tagName.toLowerCase()) { case 'input': case 'textarea': item.node.value = ''; break; case 'checkbox-group': case 'radio-group': item.node.value = []; break; case 'picker-view': item.node.setSelectedValue([0]); break; case 'switch': item.node.checked = false; break; } }); }).exec(); ``` 注意,这使用了类似于 jQuery 的选择器语法 `.form-item` 来选择表单中的组件,需要在每个组件的父元素中添加 `class="form-item"`。 3. 清空表单数据后,需要将表单的验证状态也重置为初始状态,例如: ```javascript // 清空表单数据后重置验证状态 this.setData({ isFormValid: true, formErrors: {} }); ``` 这的 `isFormValid` 和 `formErrors` 是表单验证相关的状态变量,需要根据具体情况进行修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值