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

最新推荐文章于 2022-02-25 18:19:43 发布
最新推荐文章于 2022-02-25 18:19:43 发布
阅读量1k 收藏
点赞数
分类专栏： js 文章标签： 单元测试 JSP C# C++ C

<td align="left" width="17%">
报表名称：
<select name="formCode" style="width: 200px;" class="selectTwo" οnchange="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>

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

注意：

 

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

事件为：οnchange="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" οnsubmit="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" οnchange="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="选择"  οnclick="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" οnchange="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="选择" οnclick="selectOrg();"></td>
   <td align="right" width="10%">
      <input type="button" class="button_search" value="查&nbsp;询" οnclick="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" οnclick="report1_saveAsExcel();">
   <input type="button" class="button_print" name="add" value="打印" onClick="report1_print();">
  </td></tr>
 <%} %> 
   </table>
         
</body>
</html>

>

mingweiyuzhuang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序自定义下拉框，点击空白处隐藏
07-31
资源描述资源描述资源描述：微信小程序自定义下拉框，点击空白处隐藏
通过select下拉框里的value控制div显示与隐藏
祈澈菇凉
03-23 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="http://libs.baidu
参数模板动态隐藏下拉框
rqgxy的博客
11-28 406
一些客户需要在参数模板中实现下拉列表框的动态隐藏，也就是有两个或多个下拉列表框，一些列表框动态的根据其他下拉框的值显示或隐藏。润乾报表中封装了一个名字叫做 _selectValueChanged( cellId, newValue ) 的 js 函数，这个函数是绑定到下拉列表框的，在下拉框选中数值后会调用这个 js ，这样就可以通过自己重写这个 js 来实现下拉框的动态显示和隐藏。 实现思路
jsp 下拉框绑定事件_jQuery事件
weixin_36047538的博客
02-03 951
1.jQuery基本事件事件三要素：事件源、事件、事件驱动程序事件源，也就是需要操作的对象，例如：var box = $("#box");事件，例如：onclick、onmouseenter等，例如：box.click(function () { 程序 });事件驱动程序，就是接下来我们将要要学习的关于DOM的操作，例如：$(this).css("color", "red");1.1 单击事件| ...
jsp 下拉框绑定事件_使用wxPython打造自己的印象笔记 （3）事件处理
weixin_32329555的博客
02-03 401
本来打算介绍一下wxFormBuilder这个可视化设计工具的，但我觉得事件处理挺重要的，有必要说明一下。在wxPython中，事件可以来自输入设备，例如鼠标、键盘，也可以来自于标准控件，例如按钮。 还有一些事件并不是来自于交互行为，例如 wx.TimerEvent，当然，我们也可以自定义事件。 但无论事件来自于哪里，wxPython都将其封装成一致的数据结构。具体来说， 每个事件都是由以下三部分...
jsp 下拉框绑定事件_Vue 模板语法、事件和表单使用
weixin_42336364的博客
02-03 295
模板语法文本绑定，两个大括号，中间加上data里面的数据，message里面不仅可以是变量还可以是表达式 // 变量 {{ message }} // 表达式 {{ number + 1}} ​JS表达式(计算、拼接、只能是单个表达式)插入HTML代码(慎用！防止XSS攻击 )，我们可以直接在data里面定义html代码，但是它存在一个安全隐患，比如我们将下面的 dangerHTMl: "00...
用js给下拉框select设置点击事件
weixin_33861800的博客
01-17 8007
<select id="select_table"> <option value ="-1">==全部分类==</option> <option value ="0">工作案例</option> ...
实现下拉列表框Option的隐藏和删除（JS）
weixin_30604651的博客
07-17 624
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>OptionTest</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME...
Layui 设置select下拉框自动选中某项的方法
12-29
用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在的值。 2、 Layui的select下拉框是怎么实现的 为了获得...
vue+elementui实现点击table中的单元格触发事件--弹框
10-15
主要介绍了vue+elementui实现点击table中的单元格触发事件--弹框，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
jsp中select的onchange事件用法实例
10-23
主要介绍了jsp中select的onchange事件用法,以实例形式较为详细的分析了JSP数据库查询、遍历及结合JavaScript响应鼠标事件处理select相关技巧,需要的朋友可以参考下
基于jQuery的select下拉框选择触发事件实例分析
12-29
本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考，具体如下： 我一直以来都认为，select 下拉框选择对选项 options 使用 onclick 注册事件即可，如下： <select> 选项一...
JS实现用下拉框控制文本框的显示与隐藏？
热门推荐
岁寒松柏
08-13 1万+
下拉框中有内容，如A,B,C,当选A时文本框出现，当选B时，文本框消失，高手帮帮忙！   控制文本框的显示隐藏 function Other_sel(CName,TextID) { if (document.FormName.CName.checked == true) { document.getElementById(TextID).st
html5中使用外链式为div标签设置属性
大数据-攻城狮
12-07 1322
Document div{ width: 300px; height: 300px; /* 背景色 */ background-color: red; /* 边框 border */ /* 边框的粗细 实线 边框颜色 */ border-top: 10px solid green; bo
JS控制下拉框数据联动和隐藏/显示
王世洪的博客
04-04 2536
在查询查询页面中，有时候并不会把所有查询项都直接显示出来，而是①根据使用者的选项内容，联动下一个下拉框中应供选择的选项；②根据使用者使用的选项细化深度，提供下一个深度查询数据查询的选项；③根据使用者的权限，限制/开发更底层数据的查询权限。如下图： 对于这种需求场景，我们可以通过新建下拉框数据集，设置各个下拉框数据集之间的关系，设置下拉框的编辑后JS事件，实现下拉框数据之间的联动，实现定义的条...
html设置下拉菜单文本框隐藏,JS控制文本框下方的 下拉框显示/隐藏的问题
weixin_36473811的博客
06-03 1123
情况是这样，有一个文本框，下边有一下拉框 类似日历选取那样，下拉框里有按钮可点击，当鼠标点击(或聚焦)文本框时，下拉框显示， 点击下拉框内时也不隐藏， 点击下拉框外边时(也就是任意空白地方 不包含下拉框) 才让下拉框隐藏， 但如果我绑定的是文本框的blur事件的话 ，点击下拉框的里边时也会被隐藏掉。。 那么有什么方法 可以实现 点击文本框显示，点击下拉框里边不隐藏， 点击下拉框以外时(任意空白)才...
Unity 【Content Size Fitter】- 聊天气泡自动适配Text文本框大小
当代野生程序猿
02-25 5265
通常在展示人物对话的时候文本的长度是不定的，因此会需要动态的调整对话内容文本框的背景图片的大小，这里以如下这种气泡框的对话为例： 实现该需求涉及到的内容包括Content Size Fitter组件的使用、2D Sprite工具包的使用。 Content Size Fitter组件用于Text文本框，如图所示，我们将Horzontal Fit设为Preferred Size，当我们调整Text文本框中的内容时，其大小会自动进行调整。 注意Rect Transform中Pivot轴心点的设置
jsp 下拉框无法点击
最新发布
06-06
这种情况可能是由于下拉框被禁用或者被遮挡导致的。你可以尝试以下几种方法： 1. 检查下拉框是否被禁用，如果是的话，可以将其启用。 2. 检查下拉框是否被遮挡，如果是的话，可以将其移动到可见范围内。 3. 检查...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值