160927、用jquery 重置表单的方法
清空
我们项目小小部分的搜索条件:
客户要做的是,只要一键 “清空搜索条件” 即可清空维护地点、订单ID等条件。
js函数
//重置表单
function resetform(){
$(':input','#queryform') //定位表单
.not(':button, :submit, :reset, :hidden') //过滤input类型
.val('') //清空值(text类型input)
.removeAttr('checked') //移除checked(button类型input)
.removeAttr('selected');//移除checked(select等)
}
form表单
<!--搜索begin-->
<form method="post" name="queryform" id="queryform">
<input type="text" placeholder="维护地点" name="workAddrName" value="${orderPage.workAddrName }" />
<select......
<div class="col-md-1 col-md-offset-1">
<span class="btn btn-sm btn-primary btn-info" onclick="javascript:resetform();return false;" >清空搜索条件</span>
</div>
</form>
小结
其实还是挺简单的哈,不过想想还是挺小巧的一个小功能的