使用jquery清空、复位整个输入域


Posted in Javascript onApril 02, 2015

在web开发中,我们经常会遇到重置所有输入框的情况。
比如在查询时,会给用户提供一个“重置”按钮来清空所有输入框内的输入的文本。
这时使用jquery就可以统一清空(复位)。

// 复位查询条件输入域
function restInputArea(div_id){
  // 清空文本框
  $("#"+div_id).find('input[type="text"]').each(function(){
    $(this).val("");
  });
  // 复位下拉菜单
  $("#"+div_id).find('select').each(function(){
    $(this).find('option:first-child').attr('selected',"selected");
  });
};

上述代码使用了jquery选择器取得了整个输入框的父级元素,并使用find找到该元素下的所有input与select输入框。

Javascript 相关文章推荐
javascript 播放器 控制
Jan 22 Javascript
jquery 简单导航实现代码
Sep 11 Javascript
javascript正则表达式中参数g(全局)的作用
Nov 11 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
jQuery实现搜索页面关键字的功能
Feb 16 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
基于javascript实现碰撞检测
Mar 12 Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
JavaScript获取表单enctype属性的方法
Apr 02 #Javascript
12行javascript代码绘制一个八卦图
Apr 02 #Javascript
javascript实现随时变化着的背景颜色
Apr 02 #Javascript
javascript中call和apply的用法示例分析
Apr 02 #Javascript
原生js实现类似弹窗抖动效果
Apr 02 #Javascript
JavaScript显示表单内元素数量的方法
Apr 02 #Javascript
原创jQuery弹出层插件分享
Apr 02 #Javascript
You might like
php print EOF实现方法
2009/05/21 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
php中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
Thinkphp批量更新数据的方法汇总
2016/06/29 PHP
thinkPHP实现的联动菜单功能详解
2017/05/05 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
jquery 选项卡效果 新手代码
2011/07/08 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
使用js 设置url参数
2013/07/08 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
Javascript中常用类型的格式化方法小结
2016/12/26 Javascript
JavaScript中的编码和解码函数
2017/02/15 Javascript
JS常用正则表达式总结【经典】
2017/05/12 Javascript
angular使用post、get向后台传参的问题实例
2017/05/27 Javascript
vue.js中created方法作用
2018/03/30 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
vuex实现的简单购物车功能示例
2019/02/13 Javascript
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
Python命令行解析模块详解
2018/02/01 Python
python字符串常用方法
2018/06/14 Python
python使用turtle库绘制时钟
2020/03/25 Python
python实现贪吃蛇游戏
2020/03/21 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
Python re 模块findall() 函数返回值展现方式解析
2019/08/09 Python
python2和python3实现在图片上加汉字的方法
2019/08/22 Python
利用CSS3的checked伪类实现OL的隐藏显示的方法
2010/12/18 HTML / CSS
美国鲍勃商店:Bob’s Stores
2018/07/22 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
面试后感谢信
2014/02/01 职场文书
个人工作表现评价材料
2014/09/21 职场文书