重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
form 自带reset按钮并不能真正重置表单,当表单有默认值时。所以写js方法调用,来清空form表单。
创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的八步网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected')
基本包含所有情况。
很容易哦,你指的清空,说的是 恢复原始值哦,可以有简单方法:
我写一个例子给你:
form action="" method="get"input id="reset" name="" type="reset" //form
script type="text/javascript"
$('#reset').click()
/script
-------------------------------------------------
这样就清空了。
通过js的回调机制。
functionsubmit(callback{document.getElementById("myform").submit();callback();}function reset(){$('#myform').reset();}function tijiao(){submit(reset);}
form id="myform" action=""
input type="text" name=""/
input type="button" value="提交" onclick="tijiao()"/
/form
你如果用js提交后直接重置,有时候会报错,因为正在往后台传值的过程中,你就清空,会获取不到这个值。这就需要js的回调机制,上面我给你写了回调函数。这样就保证了将表单完全提交后才清空input.
这就够了,肯定能帮到你的。
用form表单的$("form input[name='reset']").click();
或者没有reset钮的话可以直接一个一个直接把每个元素的值设为空,比较麻烦一点
比如表单下边有input type="text" id="txt1"
使用jquery清空的话就这么写:
$("#txt1").empty();
如果有其它的,跟上边一样的步骤进行清空