form 自带reset按钮并不能真正重置表单,当表单有默认值时。所以写js方法调用,来清空form表单。
#html代码
<form>
<input type='text' name='username' value='admin'>
<input type='password' name='password' >
<select>
<option value=0>请选择</option>
<option value=1>是</option>
<option value=2>否</option>
</select>
<input type="submit" value="搜索" >
<input type="reset" value="重置" >
<input type="button" value="重置" onclick="formReset();">
</form>
#js代码
<script type="text/javascript">
function formReset(){
$("input[type='text']").val(""); #清空text
$("select").each(function(i,n){ #清空select
$(this).find("option").eq(0).attr("selected",'selected');
});
}
</script>
网友评论