单选下拉级联

1、 单选下拉框的级联先前是照着网上一个教程做的条件级联 ， 发现每次查询后条件都回到默认状态， 即你点查询后你就看不到你刚才下拉框选择了那些选项了 。 所以自己从新写了个 ，原理比较简单，就是用js实现对一组字符串过滤后 ，把它赋给值提示 。网上那个js代码水平太高，看的有点糊涂 ，我这个比较简单 ，容易看得懂的 。 1、 样例是一个时间年月日的查询主题。随便拖一些需要展示的字段 ，默认名是查询1 ，给查询1加三个过滤条件 ： 把条件都设成可选的 。新建一个查询 1+2 ： 托年份和月建的字段过来， 再新建一个数据项1_2 ； 数据项的定义为：同样的 ，查询：2+3 拖出 月份和日期字段 2、

2、将查询1的所有列拖到列表中 ： 拖三个布局计算拖到报表最上面的标题处 ;表达式的定义分别是 年月日三个参数值 ，顺序一定是年月日 。再拖个HTML项放到他们左边Html的内容 ：<span id = "para" style="display:none" >拖个html项到右边 ，内容是 ：</span> 拖个行是2 列是3 的表格到条件标题后面 ：第一个值提示绑定参数是年(year) ，第二个 值提示绑定参数是月(month) ，创建的时候别点创建新查询 ，直接点完成 。第三个只提示绑定参数日 (day) ，也别点创建新查询 。

3、第四个值提示 (第二行第一列) , 下一步后：别点创建参数化过滤器 ，直接点完成 。然后在它的属性栏里设置，使用的查询是1+2 ，使用值是1+2 ，UI的话那五个只提示都是设置成列表框 。第五个值提示(第二行第二列)跟第四个差不多 ，查询和使用值是2+3 、2_3五个值提示的名称分别是sele_1 , sele_2 , sele_3 , sele_1_2 , sele_2_3 ， 最好把他们都设置成可选的 。第一个值提示后的html 的内容是(去掉虚线框):<script>var form = getFormWarpRequest(); var list = form._oLstC

4、hoicessele_1 ;list.remove(1);list.removeAttribute("hasLabel"); </script>第四个值提示的左边html项的内容是 <div style="display: none"> 右边html项内容是：</div>第五个值提示的两边html跟第四个是一样 ，复制粘贴下就可以 ，目的是隐藏这两个下拉框 。 二行三列左边的html项内容;<script>function addList( to_list, from_list , para) var _p

5、ara = "!" + para + "" ; var str ="" for(var i = 0 ; i < from_list.options.length ; i+ ) if( ( str = from_list.optionsi.value , str.indexOf( _para ) ) > -1 ) str = str.substring( str.indexOf("") +1 , str.indexOf("#") ) ; to_list.options.add( new

6、 Option( str ,str ) ) ; </script><script>function create_level2_prom() var form = getFormWarpRequest(); var list1 = form._oLstChoicessele_1 ;var p_level_1 = list1.value ; var list2 = form._oLstChoicessele_2 ; list2.remove(1); list2.removeAttribute("hasLabel"); list2.options.len

7、gth = 1 ;var list3 = form._oLstChoicessele_3 ;list3.options.length = 1 ;list3.options0.selected = true ;if(p_level_1 != "" ) var list = form._oLstChoicessele_1_2 ; addList( list2 , list , p_level_1 ) ; list2.options0.selected = true ;</script><script>function create_level3_prom

8、() var form = getFormWarpRequest(); var list1 = form._oLstChoicessele_2 ;var p_level_2 = list1.value ; var list2 = form._oLstChoicessele_3 ; list2.remove(1); list2.removeAttribute("hasLabel"); list2.options.length = 1 ;if(p_level_2 != "" ) var list = form._oLstChoicessele_2_3 ; a

9、ddList( list2 , list , p_level_2 ) ; list2.options0.selected = true ; </script><script>var form = getFormWarpRequest(); var list = form._oLstChoicessele_1 ;var list2 = form._oLstChoicessele_2 ;list.onchange = create_level2_prom ;list2.onchange = create_level3_prom ;</script> 右边html

10、项内容是 ：<script>var form = getFormWarpRequest(); var span = document.getElementById("para") ;var p_level_1 = span.children0.innerHTML ;var p_level_2 = span.children1.innerHTML ;var p_level_3 = span.children2.innerHTML ; var list = form._oLstChoicessele_1_2 ; var list2 = form._oLstChoic

11、essele_2 ; list2.remove(1); list2.removeAttribute("hasLabel"); list2.selectedIndex = 0 ; addList( list2 , list , p_level_1 ) ; if( p_level_2 != "") list2.value = p_level_2 ; else list2.options0.selected = true ; var list = form._oLstChoicessele_2_3 ; var list2 = form._oLstChoicessele_3 ; list2.remove(1); list2.removeAttribute("hasLabel"); addList