160927、用jquery 重置表单的方法

时间:2022-12-15 18:11:20

清空

我们项目小小部分的搜索条件:

160927、用jquery 重置表单的方法

客户要做的是,只要一键 “清空搜索条件” 即可清空维护地点、订单ID等条件。

160927、用jquery 重置表单的方法

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>

小结

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