`
ZhengMingwei
  • 浏览: 135611 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jsp下拉框事件，点击某项隐藏和显示某单元格 事件（测试通过）

    博客分类：
  • js
单元测试JSPC#C++C 
阅读更多

<td align="left" width="17%">
报表名称：
<select name="formCode" style="width: 200px;" class="selectTwo" onchange="selectCode(this.options[this.selectedIndex].value);" >

<%if(StringUtils.isEmpty(formCode)) {%>
<option value="">
---
<fmt:message key="common.choose" />
---
</option>
<%} %>
<c:forEach items="${forminfoList}" var="forminfoVO">
<c:if test="${forminfoVO.formCode==formCode}">
<option value="${forminfoVO.formCode}" selected>
${forminfoVO.formName}
</option>
</c:if>
<c:if test="${forminfoVO.formCode!=formCode}">
<option value="${forminfoVO.formCode}">
${forminfoVO.formName}
</option>
</c:if>
</c:forEach>
</select>
</td>

--------------------------------------------------

注意：

 

当选中半年报时， 显示半年报期别的选择下拉框；当年报时隐藏下拉框。开始默认为隐藏半年报的下拉框部分。

事件为：onchange="selectCode(this.options[this.selectedIndex].value);"

 

--------------------------------------------------

 

源码记录：

 

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="/WEB-INF/taglib/pager/pagetag.tld" prefix="page" %>
<%@ taglib uri="/WEB-INF/taglib/jstl/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/taglib/jstl/fmt.tld" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/taglib/runqian/runqianReport4.tld" prefix="report"%>
<%@ include file="/common/head.jsp" %>
<%@ page import="java.util.*"%>
<%@ page import="org.apache.commons.lang.StringUtils"%>

<%
   String path = request.getContextPath();
   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
   String formCode = (String)request.getAttribute("formCode");
   String raq = "/cjjg/areaDataGatherSearch/"+formCode+".raq";
   
   String reportTime = "";
   if(request.getAttribute("reportTime")!=null){
    reportTime = "N-"+(String)request.getAttribute("reportTime");          //年份的返回值
   }

   String belongunit = (String)request.getAttribute("belongunit");
   String reigonCode = (String)request.getAttribute("reportAreaCode");
   String reportTime_half = (String)request.getAttribute("reportTime_half");  //半年报期别的返回值
   System.out.println("reportTime_half:"+reportTime_half);
   //^3-1-1-[0-9]{1,}$
   String likeReigonCode = "^"+reigonCode + "-[0-9]{1,}$";
   
   String params = "formCode="+formCode+";period="+reportTime+";reigonCode="+reigonCode+";likeReigonCode="+likeReigonCode+";belongunit="+belongunit;
%>
<html>
<head>
<script type="text/javascript">
  function mySubmit(myform,obj,url){
   document.getElementById("form4").submit();
   //window.location.href=url;
  }
   
  function selectOrg(){
   var selectedcodes="${loginOrgCode }";
   showModalDialog("<c:url value='/pages/orgTree/orgTree.jsp'/>",
    {
    selectednodes:selectedcodes,  
    returnleaf:false,
    singleselect:true,
    action:function(rtparams){
     document.getElementById("reportAreaid").value=rtparams.selectleafids;
     document.getElementById("reportAreaName").value=rtparams.selectleafnames;
    }
    },
   'dialogWidth:300px;dialogHeight:500px;status:no;scroll:auto');  
  }

  function selectCode(code)
  {    
   if(code=="R01038")
   {
       document.getElementById("tj").style.display="block";
   }
   if(code!="R01038")
   {
        document.getElementById("tj").style.display="none";
        document.getElementById("reportTime_half1").style.display="none";
        document.getElementById("reportTime_half2").style.display="none";
   }
  }
  select_q
  function select_q(code)
  {    
   if(code=="上半年")
   {
     document.getElementById("reportTime_half").value="上半年";
     
   }
   if(code=="下半年")
   {
     document.getElementById("reportTime_half").value="下半年";
   }
   //alert('code: '+code);
   //alert('document.getElementById("reportTime_half").value: '+document.getElementById("reportTime_half").value);
  }   
</script>
</head>
<body topmargin=0 leftmargin=0 rightmargin=0 bottomMargin=0>
<form method=post name=form4 id="form4" onsubmit="return true;" action="cjjg/areaDataGatherSearch.action">
 <table width="99%" border="0" cellpadding="0" cellspacing="1" id="test"  bgColor=eef7ff align="center" class="tableBorderBlue" style="margin-top:5px;">
   <tr> 
    <td align="left" width="19%">
       报表名称：
       <select name="formCode" style="width: 200px;" class="selectTwo" onchange="selectCode(this.options[this.selectedIndex].value);" >

        <%if(StringUtils.isEmpty(formCode)) {%>
        <option value="">
         ---
         <fmt:message key="common.choose" />
         ---
        </option>
        <%} %>
        <c:forEach items="${forminfoList}" var="forminfoVO">
         <c:if test="${forminfoVO.formCode==formCode}">
          <option value="${forminfoVO.formCode}" selected>
           ${forminfoVO.formName}
          </option>
         </c:if>
         <c:if test="${forminfoVO.formCode!=formCode}">
          <option value="${forminfoVO.formCode}">
           ${forminfoVO.formName}
          </option>
         </c:if>
        </c:forEach>
       </select>
    </td>
   
    <td align="right" width="5%" >查询年份：</td>
   <td  align="left" colspan="2" width="5%" >
   <%
    Calendar cal = Calendar.getInstance();
    cal.setTimeInMillis(System.currentTimeMillis());
    int year = cal.get(Calendar.YEAR);  
   %>
   <select name="reportTime" id="reportTime">
    <%if(StringUtils.isNotEmpty(reportTime)) {%>
     <option value="<%=reportTime.substring(2) %>" selected="selected">         
      <%=reportTime.substring(2) %>
     </option>
    <%} %>
    <%
     for(int i=0;i<30;i++){
      if((String.valueOf(year-i+1)).equals(reportTime)){
    %>
    <option value="<%=year-i+1 %>" selected="selected"><%=year-i+1 %></option>
    <%   
      }else{
    %>
    <option value="<%=year-i+1 %>"><%=year-i+1 %></option>
    <%}}%>
   </select>
   </td>
   
   
   
   <td  align="right" colspan="2" width="5%"  >   
       <table width="100%" border="0" id="tj" align="center" cellpadding="0" cellspacing="0" style="display:none;">
      <tr id="yin2" >
        <td width="2%" align="right" >
              期别：
        </td>
           <td align="left" width="3%">
          
                   <select name="reportTime_half" id="reportTime_half" type="hidden" >

            <option   value= "上半年" selected="selected">上半年 </option>
            <option   value= "下半年" >下半年  </option>
          </select>
          
          <!-- 
          <input class="inputOne" name="quYuShengName" id="quYuShengName" style="width: 490px" type="text" value="${quYuSheng[0] }">
          <input type="hidden" name="quYuShengId" id="quYuShengId"  value="${shengs[1] }">        
          <input type="hidden" name="ff" id="ff"> -->        
          <!-- 使用的源代码
          <input type="button" class="button_select" value="选择"  onclick="choose_tj();">  
          -->   
           </td>
      </tr>
                </table>   
   </td>

    <%if(StringUtils.isNotEmpty(reportTime_half) && reportTime_half!=null ) {%>
      <td  align="right" colspan="1" width="3%"  type="hidden" id="reportTime_half2">期别：
      </td>
      <td  align="left" colspan="1" width="3%" >
      <select name="reportTime_half" id="reportTime_half1" type="hidden" onchange="select_q(this.options[this.selectedIndex].value);">

                <%if(StringUtils.isNotEmpty(reportTime_half)) {%>
          <option value="<%=reportTime_half %>" selected="selected">         
           <%=reportTime_half %>
          </option>
          <option   value= "上半年" >上半年 </option>
          <option   value= "下半年" >下半年  </option>  
                         <%} %>              
            
      </select>
      </td>
    <%} %>

   <td  align="right" width="5%">&nbsp;地&nbsp;&nbsp;区：</td>
   <td align="left" width="15%">
   <input class="inputOne" name="reportAreaName" ID="reportAreaName" readonly  type="text" value="${reportAreaName }">&nbsp;
   <input class="inputOne" name="reportAreaid" ID="reportAreaid" readonly  type="hidden" value="${reportAreaid }">&nbsp;
   <input type="button" class="button_select" value="选择" onclick="selectOrg();"></td>
   <td align="right" width="10%">
      <input type="button" class="button_search" value="查&nbsp;询" onclick="javascript:mySubmit('form4',this,'<c:url value='/cjjg/areaDataGatherSearch.action'/>')"></td> 
        </tr>
   </table>
 </form>
   <table>
 <% if(StringUtils.isNotEmpty(formCode)) {%> 
  <tr><td>
   <report:html name="report1" reportFileName="<%=raq%>"
            funcBarLocation=""
            params="<%=params%>"
            height="1200"
            width="800"
            needScroll="yes"
            scrollHeight="400"
            scrollWidth="1200"
           />
  </td></tr>
  <tr><td>
   <input type="button"  value="存为Excel" class="button_excel" onclick="report1_saveAsExcel();">
   <input type="button" class="button_print" name="add" value="打印" onClick="report1_print();">
  </td></tr>
 <%} %> 
   </table>
         
</body>
</html>

>

分享到：
| 实例对比Oracle中truncate和delete的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    微信小程序自定义下拉框，点击空白处隐藏

    资源描述资源描述资源描述：微信小程序自定义下拉框，点击空白处隐藏

    jsp实现连动下拉框

    jsp实现连动下拉框

    下拉框隐藏与显示

    至此，我们就创建了一个基于div的自定义下拉框，它可以隐藏和显示选项列表。这个下拉框可以根据需求进行扩展，例如增加搜索功能、分组选项、或者动态加载内容。在实际开发中，还可以考虑使用现有的前端框架，如...

    jsp页面带有下拉框的分页

    在JavaServer Pages (JSP) 技术中，创建带有下拉框的分页功能是一项常见的需求，尤其在处理大量数据展示时。本教程将详细解释如何实现这一功能。 首先，我们需要理解分页的基本概念。分页是将大量数据分成多个部分...

    ajax++jsp二级联动下拉框,无刷新分页

    以上就是关于"ajax++jsp二级联动下拉框,无刷新分页"这一主题的相关知识点，涵盖了Ajax、JSP、二级联动下拉框和无刷新查询等多个方面。通过这些技术，开发者可以创建出更高效、更友好的Web应用程序。

    jsp带有下拉框的分页

    使用JSTL的`fmt:formatNumber`和`c:forEach`等标签可以简化分页代码，例如创建分页链接和显示页码。`fmt:formatNumber`用于格式化数字，`c:forEach`则用来遍历页码列表。 6. Ajax异步请求： 为了实现下拉框选择...

    c#防止下拉框无选中项

    c#防止下拉框dropdownlist无选中项

    可以输入的下拉框 下拉框和文本框组合共用

    下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框....

    可编辑下拉框.动态加载数据

    下拉框读取数据库数据.有时候数据多.会拉的很长.客户搜索起来很不方便.现在可以编辑下拉框,可根据输入的内容重新加载下拉框的内容....使用方法....测试方法:点击下拉框.随便输入一个字母.即可看到效果.

    jsp实现下拉选择框多种源码

    jsp实现下拉框源码，适合新手作为学习参考，不是很好但适用

    使用javascript实现下拉框的动态控制

    资源名称：使用Javaｓｃｒｉｐｔ实现下拉框的动态控制   内容简介： 使用Javaｓｃｒｉｐｔ实现下拉框的动态控制 一、前言 下拉框是常用的一种web页面控件。它很简单实用，便于 操作者从…组选项...

    Layui 设置select下拉框自动选中某项的方法

    用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在的值。 2、 Layui的select下拉框是怎么实现的 为了获得...

    在程序中调用下拉框改变事件.

    如何在程序中调用下拉框改变事件. 如何在程序中调用下拉框改变事件.

    仿百度输入框（在输入框输入时，会根据输入的内容模糊查询相关的做成下拉框显示在下面，供选择）

    在IT行业中，构建一个仿百度输入框的功能是一项常见的前端任务，它涉及到用户输入与服务器交互、数据处理以及前端展示等多个方面。这样的功能可以提供实时的模糊查询建议，提高用户的输入效率和体验。以下是对这个...

    通过css改变下拉框样式

    当用户点击这个容器时，显示或隐藏下拉选项列表。这种方法需要更多的编程工作，但可以实现更灵活的自定义效果。 4. 使用框架和库： 现代前端框架如Bootstrap和Materialize CSS提供预定义的下拉框组件，可以轻松实现...

    C# WinForm 自定义ComboBox 显示颜色下拉框

    本项目“C# WinForm 自定义ComboBox 显示颜色下拉框”就是针对这种需求的实现，它在Visual Studio 2008环境下编译通过，展示了如何通过自定义ComboBox控件来达到目标。 1. **自定义ComboBox控件**：在.NET ...

    c# 带树形显示的下拉框

    - **事件处理**：处理鼠标点击和键盘交互，例如单击节点时的`Click`事件，以及按下键盘时的`KeyDown`事件，以控制树的展开和折叠。 4. **性能优化** - **虚拟化**：对于大数据集，为了提高性能，可以采用虚拟化...

    select 下拉框可以多选

    select 下拉框可以多选Demo事列.

    angularjs指令 下拉框

    简单的angularjs指令下拉框。源代码

    DataGirdView同一列下拉框每一行显示不同的内容

    DataTable DataGridView同一列下拉框每一行显示不同的内容

Magicbox
Global site tag (gtag.js) - Google Analytics