使用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_13_执行模型详解
Oct 20 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
May 24 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
Apr 07 Javascript
js实现星星打分效果的方法
Jul 05 Javascript
javascript实现五星评分功能
Nov 10 Javascript
js图片上传前预览功能(兼容所有浏览器)
Aug 24 Javascript
AngularJS指令用法详解
Nov 02 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
[js高手之路]寄生组合式继承的优势详解
Aug 28 Javascript
react-router browserHistory刷新页面404问题解决方法
Dec 29 Javascript
JS+CSS实现随机点名(实例代码)
Nov 04 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
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
php版微信发红包接口用法示例
2016/09/23 PHP
PHP重载基础知识回顾
2020/09/10 PHP
json跟xml的对比分析
2008/06/10 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
2010/07/24 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
2015/04/12 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
js new Date()实例测试
2019/10/31 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
jquery实现广告上下滚动效果
2021/03/04 jQuery
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
Python实现字典的遍历与排序功能示例
2017/12/23 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
django写用户登录判定并跳转制定页面的实例
2019/08/21 Python
Django Admin中增加导出CSV功能过程解析
2019/09/04 Python
pycharm显示远程图片的实现
2019/11/04 Python
python ETL工具 pyetl
2020/06/07 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
马来西亚网上购物:Youbeli
2018/03/30 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
电气工程和自动化自荐信范文
2013/12/25 职场文书
探亲邀请信范文
2014/01/30 职场文书
付款证明模板
2015/06/19 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js
关于Python中*args和**kwargs的深入理解
2021/08/07 Python
redis数据结构之压缩列表
2022/03/21 Redis