做js联动的效果时候,对于怎么清除下级的元素值是个比较麻烦的事。

一般每个父级变化了,就写一个js函数去下级的元素。如:$("#parent").change(function(){

$("#child1").val("");$("#child1").val("");$("#child1").val("");.....});

一般的初级的同学都会这么写,有N个下级要赋值,同样要写N次,太麻烦了。

怎么办?简单,我们把每个下层都区分放好,这个我们写个函数来处理。

function clear(next){

next.each(function(){ $(this).val("")});

}

$("#parent").change({function(){

var next = $("#parent").next();

clear(next );

});

这个要注意的是:一般联动涉及到使用 隐藏输入域<input type='hidden'/>存值, 一般我们习惯把隐藏域放到顶部,或底部,这样的话,要得多写一些清除

下层元素对应的隐藏域的元素,但你把隐藏域放到对应的下层元素区,就可以用上面的方法处理。

总结:关于联动为了很好的管理下级元素,将所有元素,按层级分区域放好。

转载于:https://www.cnblogs.com/gs-lv/archive/2012/09/07/2674770.html

js联动清除的一个想法相关推荐

  1. 处理JS异常的一个想法

    处理 JS 异常的一个想法 可能由于网络.浏览器问题.缓存等原因,可能导致线上执行 js 的时候与开发环境并不一样,会抛出异常.js 异常基本上是前端开发工程师的家常便饭.如何记录,并使用它,却很少人 ...

  2. selenium与js联动实现页面定位及删除页面元素的操作问题

    在用selenuim爬取网站的过程中常常需要进行下拉条操作,在python中使用js联动是非常好的一个解决方法 # 定位到页面最底部 js = 'window.scrollTo(0, document ...

  3. js函数内返回一个内部函数详解

    今天在网上,看到一篇关于js函数难点的文章,js函数的一些难点.在那上面提了一下,关于js函数返回另一个函数的问题,并附上了一道面试题: var add = function(x){var sum = ...

  4. 下拉框丿html宙斯,无限级别js联动下拉框类

    /* ** ============================================================================================== ...

  5. php js统计链接点击次数,JS实现在线统计一个页面内鼠标点击次数的方法

    本文实例讲述了JS实现在线统计一个页面内鼠标点击次数的方法.分享给大家供大家参考.具体实现方法如下: js记录鼠标的点击次数 function addCookie(name,cookievalue,t ...

  6. 一个想法--开发与业务,我们互相依赖

    一个想法--开发与业务,我们互相依赖 编程之道很多人都读了,这位大师真是会利用中国阴阳学,但是中心思想就是工具就是工具,不是思想,经常听人们说,think in 什么,也是,如果单抱着什么编程实例也没 ...

  7. anime.js 实战:实现一个带有描边动画效果的复选框...

    在网页或者是APP的开发中,动画运用得当可以起到锦上添花的作用.正确使用动画,不但可以有助于用户理解交互的作用,还可以大大提高网页应用的魅力和使用体验.并且在现在的网页开发中,动画已经成为了一个设计的 ...

  8. MOBA项目定点数的一个想法

    MOBA项目定点数的一个想法 能不能这样: 写逻辑时全用整数,不用每用到一个浮点数就要转一下成浮点数. 主要是除法 题细节较多,待思考 posted on 2018-11-04 19:58 时空观察者 ...

  9. 关于U3D场景烘焙的一个想法

    关于U3D场景烘焙的一个想法 U3D进行场景烘焙时,发现阴影无法选择烘焙质量,其实想一下也合理,毕竟是烘焙,是将光照与阴影信息保存到lightmap中,因此阴影的质量取决于光照贴图的精度, 就算光照贴 ...

最新文章

  1. anaconda怎么下载python3.6_Anaconda Python3.6下载
  2. 怀卡托大学硕士计算机科学,2020年怀卡托大学研究生一般几年毕业
  3. 自然水体辐射特性与数值模拟 pdf_OpenGMS系列讲座(十三)汪亚平教授:南黄海水动力过程和辐射沙脊群演化...
  4. 微信小程序把玩(三)tabBar底部导航
  5. linux内核定义的常用信号6,linux复习
  6. 第一届佳木斯大学程序设计校赛题解
  7. 不同网段的直连怎么互通_什么样的网络能互通,什么样的网络不能互通?
  8. html区分手机和电脑,移动端和pc端的区别是什么
  9. Java Deque
  10. 基于mysql+php065企业公文流转系统
  11. 输入一英文字符串(字符串长度限制在200个字符以内),单词间仅用一个或多个空格间隔(即没有标点符号),编写程序将此字符串中第1个最长的单词输出。 输入输出样例: memory has no re
  12. centos7 wget无法解析主机域名的解决办法
  13. 转移操作和占用操作主机
  14. JavaScript 学习中
  15. afrog 发布新版 Release 1.3.6 漫天星辰
  16. Pong’s Birds(概率 模拟)
  17. 新版的ARMv9到底牛在哪?
  18. Android面试总结(持续更新修改)
  19. 有图书馆有计算机教室的英语,以my school为题的英语作文有图书馆,办公室,音乐室,教室,体育馆...
  20. 苹果手机输入法软件测试,苹果手机三款输入法谁更牛?专业媒体评测后给出结果...

热门文章

  1. java学习笔记(四)----对象、数组作为参数传递,静态变量、静态方法的使用,内部类,使用文档注释
  2. 【开发环境】Ubuntu 中使用 VSCode 开发 C/C++ ⑤ ( tasks.json 中的 args 数组配置分析 | 编译并执行 C++ 程序 )
  3. 【数字信号处理】基本序列傅里叶变换总结 ( 单位脉冲序列 δ(n) | {1} 序列 | e^jωn 序列 | cosωn 序列 | sinωn 序列 | a^nu(n) | 矩形窗函数 ) ★★★
  4. 【数字信号处理】相关函数 ( 自相关函数示例 )
  5. 【数字信号处理】相关系数 ( 相关系数特点 | 完全相关 | 完全无关 | 部分相关 | 取值范围 | 相关信号产生 | 相干信号产生 )
  6. 【Groovy】编译时元编程 ( 编译时元编程引入 | 声明需要编译时处理的类 | 分析 Groovy 类的 AST 语法树 )
  7. 阶段1 语言基础+高级_1-3-Java语言高级_02-继承与多态_第5节 final关键字_1_final关键字概念与四种用法...
  8. UOJ42/BZOJ3817 清华集训2014 Sum 类欧几里得
  9. 随笔18 java中的类加载器
  10. mysql空间扩展 VS PostGIS