Form表单查询回显的重置功能

今天遇到了一个问题，就是表单查询之后我做了一个回显，还会在查询栏中出现刚才输入的条件，但是重置按钮失效，原因也很简单，就是reset只会把表单还原成默认值value 并不是清空查询条件，所以回显之后form表单中的值就变为了默认值，导致了reset按钮的失效，问题如下：

<form:form id="searchForm" modelAttribute="jywz" action="${ctx}/jywz/list" method="post" class="breadcrumb form-search">
		<sys:message content="${message}"/>
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
		<sys:tableSort id="orderBy" name="orderBy" value="${page.orderBy}" callback="page();"/>
		<label>物资名称：</label><form:input path="wzWzmc" htmlEscape="false" maxlength="50" class="input-medium"  id="wzWzmc"/>
		<label>品类：</label><form:input path="wzPl" htmlEscape="false" maxlength="50" class="input-medium" id="wzPl"/>
		<label>所属单位：</label><form:input path="wzSsdw" htmlEscape="false" maxlength="50" class="input-medium" id="wzSsdw"/>
		<label>负责人：</label><form:input path="wzFzr" htmlEscape="false" maxlength="50" class="input-medium" id="wzFzr"/>
		 <input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/>
		 <input id="btnSubmit" class="btn btn-primary" type="button" value="重置" οnclick="formReset();"/>
		 <input id="btnSubmit" class="btn btn-primary" type="button"  οnclick="window.location.href='${ctx}/jywz/add'" value="新增"/>
	</form:form>

解决办法如下:

function formReset(){
			if($("#wzWzmc").val() != null || $("#wzPl").val() != null || $("#wzFzr").val() != null ||
				$("#wzSsdw").val() != null ){
				$("#wzWzmc").attr("value",null);
				$("#wzPl").attr("value",null);
				$("#wzFzr").attr("value",null);
				$("#wzSsdw").attr("value",null);
			}
		}

第一次玩博客，记录一下今天遇到的问题