清空easyui或bootstrap form表单

最新推荐文章于 2023-04-19 11:13:04 发布

茂念

最新推荐文章于 2023-04-19 11:13:04 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/weixin_43802688/article/details/92643402

版权

bootstrap 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

form

1 篇文章 0 订阅

订阅专栏

easyui

0 篇文章 0 订阅

订阅专栏

两种方式清空表单

基于bootstrap的页面
<form class="form-horizontal">
											 <div class="form-group">
											    <div class="col-sm-12">
											      <input type="text" class="form-control" id="hykh" placeholder="请输入会员卡号">
											    </div>
											  </div>
											  <div class="form-group">
											    <div class="col-sm-12">
											      <input type="text" class="form-control" id="yhm" placeholder="请输入会员名">
											    </div>
											  </div>
											  <div class="form-group">
											    <div class="col-sm-12">
											      <input type="text" class="form-control" id="sfzhm" placeholder="请输入身份证号码">
											    </div>
											  </div>
											  <div class="form-group">
											    <div class="col-sm-12">
											      <input type="text" class="form-control" id="lxdh" placeholder="请输入联系电话">
											    </div>
											  </div>
											  <div class="form-group">
											    <div class="col-sm-12">
											      <input type="text" class="form-control" id="qq" placeholder="请输入QQ">
											    </div>
											  </div>
											  <div class="form-group">
											    <div class="col-sm-12">
											      <input type="text" class="form-control" id="wx" placeholder="请输入微信">
											    </div>
											  </div>
											  <div class="form-group">
											    <div class="col-sm-12">
											      <input type="text" class="form-control" id="czry" placeholder="操作人员">
											    </div>
											  </div>
											  <div class="form-group">
												<div class="col-sm-12">
													<select class="form-control input-fixed" id="xb">
													<option value="0">请选择性别....</option>
														<option value="1">男</option>
														<option value="2">女</option>
													</select>
												</div>
											</div>
											<div class="form-group">
												<div class="col-sm-12">
													<select class="form-control input-fixed" id="wz">
														<option value="0">请选择舞种....</option>
														<option value="1">Breaking</option>
														<option value="2">Poppin</option>
														<option value="3">Locking</option>
														<option value="4">HipHop</option>
														<option value="5">Jazz</option>
														<option value="6">Shuffle</option>
														<option value="7">Urban</option>
														<option value="8">Wacking</option>
													</select>
												</div>
											</div>
											  <div class="modal-footer">
												<button class="btn btn-primary" type="button" onclick="registerMember()">注册</button>
												<button class="btn btn-info" type="button" onclick="resetCondition()">重置</button>
											  </div>
</form>

function resetCondition(){
1.	可以使用下面这种清空bootstrap表单
	$("#hykh").val("");
	$("#yhm").val("");
	$("#sfzhm").val("");
	$("#lxdh").val("");
	$("#qq").val("");
	$("#wx").val("");
	$("#czry").val("");
	$("#xb").val("0");//是下拉选，把它设置value=0上，会显示对应的key，如果不设置则清空后什么都不显示
	$("#wz").val("0");
	
2.可以使用这种清空easyui表单
	 /*
	  $("#hykh").textbox('setValue','');
	 $("#yhm").textbox('setValue','');
	 $("#sfzhm").textbox('setValue','');
	 $("#lxdh").textbox('setValue','');
	 $("#qq").textbox('setValue','');
	 $("#wx").textbox('setValue','');
	 $("#czry").textbox('setValue','');
	 $("#xb").combobox('setValue','0');
	 $("#wz").combobox('setValue','0');
	 */
}