使用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 解析后的xml对象的读取方法细解
Jul 25 Javascript
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
Mar 22 Javascript
js 去除字符串第一位逗号的方法
Jun 07 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
vuejs 制作背景淡入淡出切换动画的实例
Sep 01 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
javascript 原型与原型链的理解及应用实例分析
Feb 10 Javascript
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边学边教》(04.编写简易的通讯录――视频教程1)
2006/12/13 PHP
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
$.each与$().each的区别示例介绍
2014/03/20 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
vue使用watch 观察路由变化,重新获取内容
2017/03/08 Javascript
利用JS实现scroll自定义滚动效果详解
2017/10/17 Javascript
JavaScript对象的特性与实践应用深入详解
2018/12/30 Javascript
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
解决layUI的页面显示不全的问题
2019/09/20 Javascript
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
2019/12/16 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
JavaScript随机数的组合问题案例分析
2020/05/16 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
2020/08/06 Javascript
原生js实现照片墙效果
2020/10/13 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
python 实现网上商城,转账,存取款等功能的信用卡系统
2016/07/15 Python
详解Python各大聊天系统的屏蔽脏话功能原理
2016/12/01 Python
windows下python之mysqldb模块安装方法
2017/09/07 Python
Tensorflow中使用tfrecord方式读取数据的方法
2018/06/19 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
TensorFlow实现指数衰减学习率的方法
2020/02/05 Python
应届毕业生的个人自我鉴定
2013/10/24 职场文书
八年级历史教学反思
2014/01/10 职场文书
学习雷锋精神心得体会范文
2014/03/12 职场文书
法制宣传标语集锦
2014/06/25 职场文书
市场策划求职信
2014/08/07 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
教师节联欢会主持词
2015/07/04 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python