ReportStudio入门教程(六十一) - JS-清空多选框
来源:互联网 发布:淘宝十大cos店铺 编辑:程序博客网 时间:2024/06/04 23:30
这回依然分享一段JS代码,还记得值提示怎样配置多选吗?
可以参考下我之前的博客:ReportStudio入门教程(二十一) - 值提示的多选
在配置了多选之后,我们再运行的时候,会出现记录被保存下来的情况,我们就用JS来清除这种保存。
1. 基本报表
提示页面:
界面展示:
比如,我们现在选择“露营装备”和“登山装备”,试一下
现在,我们再点一下右上角的运行
看,这里记住了我们上一次的选择,现在我们就通过JS来清除这个选择
2. 使用HTML项目包裹住值提示
3. 在页尾添加一个HTML项目
代码:
<script>//获取我们的span,方便我们查询var theSpan = document.getElementById("span_product");//获取a标签var a = theSpan.getElementsByTagName("a");for( var i = a.length-1; i >= 0; i-- ){var link = a[i];//找到匹配的if( typeof(link.id) == "string" && link.id.match(/PRMT_(SV|LIST)_LINK_DESELECT_/) ){//触发a标签的单击事件 var ev = document.createEvent('MouseEvents'); ev.initEvent('click', false, true); link.dispatchEvent(ev);}}</script>
我们的JS主要是找到了一个a标签,然后出发了一个单击事件
为什么是a标签呢?
这里有一个,取消选择的a标签,我们只是触发了她而已
4.运行下试试
再运行的话,就没有记录了
0 0
- ReportStudio入门教程(六十一) - JS-清空多选框
- ReportStudio入门教程(五十七) - JS拼接报表
- ReportStudio入门教程(五十九) - JS-设置下拉框默认值
- ReportStudio入门教程(六十) - JS-设置下拉框标题
- ReportStudio入门教程(六十二) - JS-可变宽度的图表
- ReportStudio入门教程(七十八) - JS-禁止右键单击功能
- ReportStudio入门教程(零) - 序
- ReportStudio入门教程(四) - 过滤器
- ReportStudio入门教程(八) - 数据格式
- ReportStudio入门教程(十六) - 解锁
- ReportStudio入门教程(九十四) - 后记
- ReportStudio入门教程(三) - 简述分页
- ReportStudio入门教程(五) - 数据汇总
- ReportStudio入门教程(七) - 计算项
- ReportStudio入门教程(九) - 条件样式
- ReportStudio入门教程(十九) - 值提示
- ReportStudio入门教程(二十七) - 排序
- ReportStudio入门教程(二十八) - 排名
- Exchange、Domino、MDaemon、winmail、Postfix等使用邮件中继反复进入CBL,XBL黑名单问题
- 如何创建滑出式导航面板
- 将apache添加为开机启动与编译的httpd不支持chkconfig的解决方法
- cocos2d-x中添加Enter键和方向键按键响应
- C语言 用来清空输入缓存,以便不影响后面输入的东西
- ReportStudio入门教程(六十一) - JS-清空多选框
- 利用过滤器解决jsp中的乱码问题
- vim安装插件
- linux常用命令大全
- JavaScript内存优化
- Kaggle[2] - Predict the click through rate (KDD12 trackl2)
- POJ 1577 Falling Leaves 二叉树题解
- 正则表达式学习笔记与经验总结
- Servlet 工作原理解析