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>

小结

其实还是挺简单的哈，不过想想还是挺小巧的一个小功能的