单选下拉级联.docVIP

单选下拉框的级联 先前是照着网上一个教程做的条件级联 ， 发现每次查询后条件都回到默认状态， 即你点查询后你就看不到你刚才下拉框选择了那些选项了 。 所以自己从新写了个 ，原理比较简单，就是用js实现对一组字符串过滤后 ，把它赋给值提示 。网上那个js代码水平太高，看的有点糊涂 ，我这个比较简单 ，容易看得懂的 。 样例是一个时间年月日的查询主题。 随便拖一些需要展示的字段 ，默认名是查询1 ，给查询1加三个过滤条件 ： 把条件都设成可选的 。 新建一个查询 1+2 ： 托年份和月建的字段过来， 再新建一个数据项1_2 ； 数据项的定义为： 同样的 ，查询：2+3 拖出 月份和日期字段 将查询1的所有列拖到列表中 ： 拖三个布局计算拖到报表最上面的标题处 ; 表达式的定义分别是 年月日三个参数值 ，顺序一定是年月日 。 再拖个HTML项放到他们左边 Html的内容 ： span id = para style=display:none 拖个html项到右边 ，内容是 ： /span 拖个行是2 列是3 的表格到条件标题后面 ： 第一个值提示绑定参数是年(year) ， 第二个 值提示绑定参数是月(month) ， 创建的时候别点创建新查询 ，直接点完成 。 第三个只提示绑定参数日 (day) ，也别点创建新查询 。 第四个值提示 (第二行第一列) , 下一步后：别点创建参数化过滤器 ，直接点完成 。 然后在它的属性栏里设置，使用的查询是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._oLstChoicessele_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 _para = ! + para + ~ ; var str =; for(var i = 0 ; i from_list.options.length ; i++ ) if( ( str = from_list.options[i].value , str.indexOf( _para ) ) -1 ) { str = str.substring( str.indexOf(~) +1 , str.indexOf(#) ) ; to_list.options.add( new 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.length = 1 ; var list3 = form._oLstChoicessele_3 ; list3.options.length = 1 ; list3.options[0].selected = true ; if(p_level_1 != ) { var list = form._oLstChoicessele_1_2 ; addList( list2 , list , p_level