jquery js 重置表单 reset()具体实现代码


Posted in Javascript onAugust 05, 2013

在开发中,我们会用到很多表单,我们希望表单提交以后,能reset,
但是jquery没有这个方法,怎么处理呢?

<form id="form1" action="" method="post" runat="server"> 
<input name="inp" id="inp" value="1" /> 
</form>

方法一:
我们可以通过就是实现
id:
document.getElementById("form1").reset();

name:
document.formName.reset();

方法二:
逐一清空:
$("#inp").val("1");

但是表单太多的话,这也是不实际的,有100个,1000个,总不能写100,个1000个吧。
也许你会说,写成这样:
$("input").val("");

那表单的默认值呢?表单还有其他类型,都写一遍?
加type为reset的input
<form id="form1" action="" method="post" runat="server"> 
<input name="inp" id="inp" value="1" /> 
<input id="res" name="res" type="reset" style="display:none;" /> 
</form>

$("input[name='res']").click();

所有表单清空
ok
Javascript 相关文章推荐
远离JS灾难css灾难之 js私有函数和css选择器作为容器
Dec 11 Javascript
js动态给table添加/删除tr的方法
Aug 02 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
Javascript实现简单二级下拉菜单实例
Jun 15 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
JavaScript制作颜色反转小游戏
Sep 25 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
浅谈PDF.js使用心得
Jun 07 Javascript
Vue传参一箩筐(页面、组件)
Apr 04 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 #Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 #Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 #Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 #Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 #Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 #Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 #Javascript
You might like
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
javascript实现的listview效果
2007/04/28 Javascript
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
带有定位当前位置的百度地图前端web api实例代码
2016/06/21 Javascript
关于验证码在IE中不刷新的快速解决方法
2016/09/23 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
解决Mac node版本升级失败的问题
2018/05/16 Javascript
JS动画实现回调地狱promise的实例代码详解
2018/11/08 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
python中Apriori算法实现讲解
2017/12/10 Python
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
pytorch实现onehot编码转为普通label标签
2020/01/02 Python
解决python pandas读取excel中多个不同sheet表格存在的问题
2020/07/14 Python
Python3 ffmpeg视频转换工具使用方法解析
2020/08/10 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
私有程序集与共享程序集有什么区别
2013/04/05 面试题
小学师德师风整改措施
2014/10/27 职场文书
优秀教研组申报材料
2014/12/26 职场文书
科技活动总结范文
2015/05/11 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
Python 流媒体播放器的实现(基于VLC)
2021/04/28 Python
JS Object构造函数之Object.freeze
2021/04/28 Javascript
Python编写冷笑话生成器
2022/04/20 Python