ReportStudio入门教程(五十九) - JS-设置下拉框默认值

大家应该还记得值提示这个组件，这回介绍一些JS代码，实现一些更人性化的功能。

在实际项目中，我们可能不会使用Cognos自带的这些提示组件，而是使用Web端的HTML或者ExtJS等等其他方式来整合Cognos。

1. 基本报表

现在，我们对这个年份进行一下过滤

2. 添加值提示

切换到提示页面组，新建一个提示页面

拖一个值提示组件

3.设置静态选项

选中值提示组件，在属性面板选择，静态选项

4. 使用HTML项目包裹值提示

这里使用了一个span标签，是为了方便的找到下拉框

5.在页尾添加一个HTML项目

最后，我们需要在页尾拖一个HTMl项目，里面放设置默认值的JS

JS代码：

<script>
	//获取我们的span标签
	var theSpan = document.getElementById('span_year');
	//通过span标签方便的找到select标签
	var a = theSpan.getElementsByTagName("select");
	
	for( var i = a.length-1; i >= 0; i-- ) { 
		var prompts = a[i];
		//找到我们的下拉框
		if( prompts.id.match(/PRMT_SV_/)){
			prompts.selectedIndex = 3;
		} 
		canSubmitPrompt();
	}
</script>

注意：这里的HTMl项目一定要放在页尾，等页面加载完之后再执行，不然会找不到标签。

6.运行

好了，我们可以运行下看看结果

我们通过查看Cognos生成的页面，可以知道第3个值，是2011，完成。