ReportStudio入门教程(六十一) - JS-清空多选框

这回依然分享一段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.运行下试试

再运行的话，就没有记录了