做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. 隐式类型转换和整型提升
  2. on 和where条件的放置详解
  3. 简单易用的库存管理软件、进销存软件
  4. 用魔法打开科学,孩子惊叫连连,想不爱科学都难!
  5. 知云文献阅读器_知云文献翻译
  6. android本页切换子页,android ViewPager控件实现手势滑动切换页签-Fun言
  7. iptables的详细介绍及配置方法
  8. AlphaGo实力远超对手
  9. 踩坑记录——ProxyServer删除问题经验分享
  10. c语言双人贪吃蛇-基于图形库实现
  11. 计算机基础长文档的排版,大学计算机基础中Word长文档排版的教学思考
  12. java.lang.NoSuchMethodException: tk.mybatis.mapper.provider.SpecialProvider 使用MySqlMapper的问题
  13. 云虎拜年,好运连连!虎年限定三件套来啦
  14. docker之卷10
  15. 画一条0.5px的线
  16. 地理学论文:区域概况图干货
  17. 【91xcz】想在Win8里了解各种炒股资讯吗
  18. 软技能:代码之外的生存指南(读书总结)
  19. 嵌入式、物联网常见通信协议
  20. 原生html+js网页版简陋音乐播放器

热门文章

  1. php命名空间 动态 new,PHP命名空间(namespace)的动态访问及使用技巧_php实例
  2. 你可以去学python_你是怎么学好Python的?
  3. hdu 1298 字典树 + DFS (模拟T9文本输入)
  4. hdu3622 二分+2sat
  5. C语言-用gcc指令体验C语言编译过程
  6. 【Windows 逆向】OD 调试器工具 ( OD 工具简介 | OD 工具与 CE 工具对比 )
  7. 【Android 逆向】Android 进程注入工具开发 ( 注入代码分析 | 注入工具收尾操作 | 关闭注入的动态库 | 恢复寄存器 | 脱离远程调试附着 )
  8. 【Android 逆向】Android 进程注入工具开发 ( 注入代码分析 | 获取 linker 中的 dlopen 函数地址 并 通过 远程调用 执行该函数 )
  9. 【EventBus】EventBus 源码解析 ( 取消订阅 )
  10. 【Android 内存优化】Bitmap 图像尺寸缩小 ( 考虑像素密度、针对从不同像素密度资源中解码对应的 Bitmap 对象 | inDensity | inTargetDensity )