使用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 相关文章推荐
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
Jun 09 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
Apr 30 Javascript
js实现tab切换效果实例
Sep 16 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
Mar 30 Javascript
React教程之Props验证的具体用法(Props Validation)
Sep 04 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
angularjs数组判断是否含有某个元素的实例
Feb 27 Javascript
微信小程序实现底部弹出模态框
Nov 18 Javascript
vue element和nuxt的使用技巧分享
Jan 14 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 判断数组是几维数组
2013/03/20 PHP
PHP根据IP判断地区名信息的示例代码
2014/03/03 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
javascript 页面划词搜索JS
2009/09/28 Javascript
Jquery 学习笔记(一)
2009/10/13 Javascript
JavaScript 构造函数 面相对象学习必备知识
2010/06/09 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
2013/11/22 Javascript
我用的一些Node.js开发工具、开发包、框架等总结
2014/09/25 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
2015/12/10 Javascript
值得分享的Bootstrap Table使用教程
2016/11/23 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
vue2.0结合Element实现select动态控制input禁用实例
2017/05/12 Javascript
详解react-native-fs插件的使用以及遇到的坑
2017/09/12 Javascript
json2.js 入门教程之使用方法与实例分析
2017/09/14 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
微信小程序实现下滑到底部自动翻页功能
2020/03/07 Javascript
Python操作sqlite3快速、安全插入数据(防注入)的实例
2014/04/26 Python
python通过函数属性实现全局变量的方法
2015/05/16 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
机械制造专业毕业生求职信
2014/03/02 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
2014和解协议书范文
2014/09/15 职场文书
委托书的写法
2014/09/16 职场文书
2015年扶贫帮困工作总结
2015/05/20 职场文书
惊涛骇浪观后感
2015/06/05 职场文书
青年岗位能手事迹材料(2016推荐版)
2016/03/01 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
vue数据字典取键值项目的字典问题
2022/04/12 Vue.js