精华内容
下载资源
问答
  • 前台使用jsp页面的代码,key对应的是输入框额标题,itemList是后台查询的值 <div class="searchbody"> <dl> <fmt:message key="oaEquipment.new.storage"/>: <cus:...

    点击下拉框选择学校,级联查询建筑物与房间,效果如下
    在这里插入图片描述

    前台部分使用jsp做页面,key对应的是输入框的标题,itemList是后台查询的值,填充到下拉框

      <div class="searchbody">
    			<dl>
    				<fmt:message key="oaEquipment.new.storage"/>:
    					<cus:SearchFilterTag name="orgcode" id="orgcode" op="eq" type="string" itemList="${schList}" onChange="doSubNew()" defaultText="全部校区" style="width:250px"/>
    					<cus:SearchFilterTag name="propertyBuilding.id" id="propertyBuildingId" op="eq" type="long" itemList="${buildingList}" onChange="doSubNew()" defaultText="全部建筑"/>
    					<cus:SearchFilterTag name="propertyBuildingFloor.id" id="propertyBuildingFloorId" op="eq" type="long" itemList="${roomList}" onChange="doSubNew()" defaultText="全部房间"/>
    				<fmt:message key="oaEquipment.new.code" />:<cus:SearchFilterTag name="equCode" id="equCode" op="lrlike" type="string" maxLength="32" />
    				<fmt:message key="oaEquipment.new.name" />:<cus:SearchFilterTag name="name" id="name" op="lrlike" type="string" maxLength="32" />
    			</dl>
    			<dl>
    				<fmt:message key="oaEquipment.new.teacher" />:<cus:SearchFilterTag name="teacherName" id="teacherName" op="lrlike" type="string" maxLength="200" value="${teacherName}" />
    				<fmt:message key="oaEquipment.new.getDate" />:
    					<cus:SearchFilterTag  name="getDate" op="between" type="date" onfocus='WdatePicker({dateFmt:"yyyy-MM-dd",isShowClear:true,readOnly:true})' class="Wdate" style="width:100px;"/>
    			</dl>
    	    </div>
    

    重写onChange方法,通过获取id过滤级联操作,doSub()是默认的表单提交方法

     <script type="text/javascript">
        	//操作过滤条件并提交
       		function doSubNew(){
    			if($("#orgcode").val() == ''){
    				$("#propertyBuildingId").val("");
    			}
    			if($("#propertyBuildingId").val() == ''){
    				$("#propertyBuildingFloorId").val("");
    			}
    			doSub();
    		}
    	</script>
    

    java后台代码的查询方法,EntityFilter的作用类似session,可以从ef中取到jsp页面中对应的值

    public String doSelect(Model model) throws Exception
    	{
    		ZhxyUser user = (ZhxyUser) getUser();
    		String[] orgCodes = user.getAttrMap().get("relatedOrgCodes").toString().split(",");
    		EntityFilter ef = getEntityFilter();
    		String teacherName = null;
    		String orgcode = null;
    		Long propertyBuilding = null;
    		//当存在学校编码时,获取值
    		if(ef.isFilterExist("orgcode"))
    		{
    			orgcode = String.valueOf(ef.getFilterValue("orgcode"));
    		}
    		//当存在建筑id时,获取值
    		if(ef.isFilterExist("propertyBuilding.id"))
    		{
    			propertyBuilding = Long.valueOf(String.valueOf(ef.getFilterValue("propertyBuilding.id")));
    		}
    		if(ef.isFilterExist("teacherName"))
    		{
    			teacherName = String.valueOf(ef.getFilterValue("teacherName"));
    		}
    
    		//根据传入条件查询存储位置的下拉集合
    		List<SelectItem> schList = new ArrayList<SelectItem>();
    		List<SelectItem> buildingList = new ArrayList<SelectItem>();
    		List<SelectItem> roomList = new ArrayList<SelectItem>();
    		schList = organizationOutService.doGetRelatedOrgSelectItemsByIdenId(user.getIdentityId(),
    			PlatformAllCodeKey.ORGANIZATION_TYPE_SCH);
    		//schList = basisSchService.getSchCodeSelectItems();
    		if(!StringUtils.isNullString(orgcode))
    		{
    			buildingList = propertyBuildingService.getBuildingIdSelectItemsByOrgCode(orgcode);
    		}
    		if(propertyBuilding != null)
    		{
    			roomList = propertyBuildingFloorService.getRoomIdSelectItemsByBuildingId(propertyBuilding);
    		}
    
    		//根据过滤条件,获取OaEquipmentDomain集合
    		ef.addFilter("orgcode", Op.IN, orgCodes);
    		addOrder("createTime","DESC");
    		List<OaEquipmentDomain> resultList = oaEquipmentService.doGetPagedList(getPagedInfo());
    		copyPageListInfo(resultList);
    
    		model.addAttribute("schList", schList);
    		model.addAttribute("buildingList", buildingList);
    		model.addAttribute("roomList", roomList);
    		model.addAttribute("resultList", resultList);
    		model.addAttribute("teacherName", teacherName);
    		return "oa/oaEquipment/oaEquipmentList";
    	}
    

    service层通过前台传的code的值查询建筑物的列表

     // 根据学校code获取建筑物下拉集合
        public List<SelectItem> getBuildingIdSelectItemsByOrgCode(String orgCode) throws ApplicationException, SystemException {
            List<SelectItem> items = new ArrayList<SelectItem>();
            if (StringUtils.isNullString(orgCode)) {
                return items;
            }
            //根据过滤条件获取 建筑物对象列表
            EntityFilter ef = createNewEntityFilter();
            ef.addFilter("dataOrgcode", orgCode);
            List<PropertyBuilding> propertyBuildings = propertyBuildingDao.getFilterList(ef);
            //将 建筑物对象列表 封装成 建筑物下拉集合
            for (PropertyBuilding propertyBuilding : propertyBuildings) {
                SelectItem item = new SelectItem();
                item.setSelectValue(String.valueOf(propertyBuilding.getId()));
                item.setSelectText(propertyBuilding.getBuildingName());
                items.add(item);
            }
            return items;
        }
    

    主要思想就是点击第一个下拉框的值,将选中的值传给后台,后台拿到值以后,查询对应的数据,组装在model里,jsp下拉展示后台传回来的列表。

    代码仅做参考,有疑问可以留言探讨 O(∩_∩)O~

    展开全文
  • 使用servlet&JSP编写下拉框绑定

    千次阅读 2019-06-28 14:52:44
    下面的下拉框是根据数据库的数据进行绑定的,而不是在JSP中直接编写的。(文章有些粗糙,但源码都有。) 先看下效果 先说一下流程(个人认为):在编写Java程序中,首先是通过JSP用户界面将需要的条件信息传递到...

     

    下面的下拉框是根据数据库的数据进行绑定的,而不是在JSP中直接编写的。(文章有些粗糙,但源码都有。)

    先看下效果

    先说一下流程(个人认为):在编写Java程序中,首先是通过JSP用户界面将需要的条件信息传递到servlet后台,servlet再通过service服务层,service服务层在传递信息到Dao层。Dao层就连接数据库将查询数据出来,再返回到vo(po)实体类中保存数据,然后在service调用vo实体类中的数据返回给servlet成。Servlet再返回到JSP中。

    下面看JSP页面的代码

    这个是样式代码,主要有id与name就可以了

    这个是JavaScript的代码,红框中的才是对应的功能代码,因为我这个绑定下拉框是点击后在另外一个页面绑定的。刚好这个事件是是同时可以用上的,然后我就把这个事件放在这里了。

    解释一下代码:

    使用post提交(${ctx}是EL标签的用法,因为Java中需要用到的是绝对路径。)到对应的servlet方法中。为什么拼接fun呢?,因为post是提交是提交到servlet中的dopost方法中的。fun是为了判断servlet方法中是否有SelectComboBox方法。

    EL标签:

    function(date):数据的参数。

    这个就是给下拉框添加提示。Append就是添加的意思。(但是这句代码,在最终的结果没有效果。可能是被覆盖掉了,唯一能够证实的是我太菜了)

    JSON.parse的作用: JavaScript 对象表示法 (JSON) 字符串转换为对象。

    eval() 的作用:eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

    下面是后台代码

     

    这个是添加进来的包

    添加包到项目中后,就可以在servlet层导包了。如果没有就添加,就不能在项目中导包使用。

    下面是servlet层的代码。

    VO(po)层实体类代码,因为我们只需要用到要到ID以及name两个字段就够了,所以就写两个就可以了

     

    Common公共层

    公共层的下拉框Dao,因为一个项目中不只有一个下拉框要绑定,所以我给了一个公共的下拉框接口

    Common公共层

    公共层的下拉框service接口

    Dao的接口层

     

    Dao的实现层。

    Service层接口代码

    实现Service接口层代码

     

     

    展开全文
  • 本文实例讲述了jQuery+jsp下拉框联动获取本地数据的方法。分享给大家供大家参考,具体如下: JQuery下拉框联动很好的体现了Ajax的按需取数据的要求,减小数据的交互量。(点击此处下载源代码) 下面的实例使用Json将...
  • jsp实现下拉框源码,适合新手作为学习参考,不是很好但适用
  • this.parentNode.nextSibling.value:的父节点即的兄弟节点。 this.value :去父节点中的值。 position:absolute:设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的...代码:  
    this.parentNode.nextSibling.value:<select>的父节点即<span>的兄弟节点<INPUT>。
    this.value :去父节点中的值。
    position:absolute:设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠
    代码:
    <div style="position:relative;">
           <span style="margin-left:100px;width:18px;overflow:hidden;">
            <select  style="width:118px;margin-left:-100px" οnchange="this.parentNode.nextSibling.value=this.value">
            <div style="display:none;">        
             <option value="1">1        </option>
             <option value="2"> 2         </option>     
             <option value="3"> 3      </option>
            </div>
            </select></span><input  style="width:100px;position:absolute;left:0px;" >
           </div>
    PS:本文是作者在学习开发过程中碰到的问题,通过资料或者网上得出的解决方案进行分享。
    展开全文
  • 在学习jsp我们都知道,它是实现了在java中使用HTML标签。 Jsp是一种动态网页技术标准,也...下面是一个简单的下拉框dome <!DOCTYPE html> <html> <head> <base href="<%=basePath%>"&g

    在学习jsp我们都知道,它是实现了在java中使用HTML标签。

    Jsp是一种动态网页技术标准,也是JavaEE的标准

    Jsp和Servert一样,是在服务器端执行的。

    Jsp是在Servlet技术发展之后为了让开发者写html标签更方便而发展起来的技术

    Jsp实际上就是Servlet.

    下面是一个简单的下拉框dome

           <!DOCTYPE html>
    
    <html>
    
    <head>
    
    <base href="<%=basePath%>">
    
    <meta charset="UTF-8">
    
    <title>Insert hero</title>
    
    <link rel="stylesheet"
    type="text/css" href="<%=basePath%>/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css">
    
    <script type="text/javascript"
    src="<%=basePath%>/Plugins/jquery-3.2.1.min.js"></script>
    
    <script type="text/javascript"
    src="<%=basePath%>/Plugins/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
    
     
    
    </head>
    
    <body>
    
    <div class = "container-fluid
    p-0">
    
    <form  class = "row"  method = "POST">
    
    <%
    
    List<String>
    list = new ArrayList<String>();
    
    Connection
    conn=null;
    
    ResultSet
    rs=null;
    
    Statement
    stmt=null;
    
    conn=DbUtils.getConnection();
    
     
    
    String
    sql = "select
    Typename from idtypes";
    
    stmt =
    conn.createStatement();
    
     
    
    try{
    
         
    rs=stmt.executeQuery(sql);
    
          while(rs.next()){
    
             
    list.add(rs.getString("Typename"));  
    
              
    
          }
    
    }catch(SQLException ex){
    
     
    
         
    System.out.println(ex.getMessage());
    
     
    
        }
    
    %>
    
    <div class = "col-3"> 
    
    <div class="form-group
    row">
    
        <label for="staticEmail"
    class="col-sm-4 col-form-label">下拉框</label>
    
        <div class="col-sm-8">  
    
        <select class="form-control"
    id="selectdown" name="selectdown">
    
         <%for(int i=0;i<list.size();i++){ %>
    
         <option><%=list.get(i)%></option>
    
        <%} %>
    
        </select>
    
        </div>
    
      </div>
    
      <div class="form-group
    row">
    
        <label for="staticEmail"
    class="col-sm-4 col-form-label">下拉框</label>
    
        <div class="col-sm-8">
    
      <button type="button"
    id="button" class="btn
    btn-secondary btn-sm btn-block">试试</button>
    
        </div>
    
      </div>
    
      </div>
    
    </form>
    
    </div>
    
    </select>
    
    </form>
    
    </div>
    
     
    
    以上的方法的下拉框中可以获取到 idtypes表中 Typename字段,在java方法中,使用list集合装所查找出来的数据
    

    在这里插入图片描述

    然后再在HTML中的select标签中,通过for循环出来。

    以上方法单纯查找出一个字段,

    一般在做项目时,下拉框内都会封装字段ID和字段名称。让进行修改或者新增时,我们不直接获取它的字段名称,一般都是获取到字段的ID,然后提交该ID过去,进行新增或修改。

    以上的下拉框dome只能获取当前显示的字段名称ID,

    下拉框domo2

    多添加一段sql语句,
    在这里插入图片描述

    该方法是查询字段的ID,

    然后放入HTML中的select标签中

    <div class="form-group
    row">
    
    <label for="staticEmail"
     class="col-sm-4 col-form-label">下拉框</label>
    
    <div class="col-sm-8">  
    
    <select class="form-control"
      id="selectdown" name="selectdown">
    
     <%for(int i=0;i<list.size();i++){ %>
    
     <%for(int j=0;j<listj.size();j++){ %>
    
     <%if(j == i){ %>
    
     <option value="<%=listj.get(j)%>"><%=list.get(i)%></option>
    
    <%} %>
    
     <%} %>
    
     <%} %>
    
    </select>
    
    </div>
    

    以上方法,,,,反正我觉得好麻烦啊

    不如直接写个实体类:

    package
    com.ljh.pojo;
    
    public class IdTypeId {
    
    private int idTypeId;
    
    private
    String typename;
    
    public int getIdTypeId() {
    
        return idTypeId;
    
    }
    
    public void setIdTypeId(int idTypeId) {
    
        this.idTypeId = idTypeId;
    
    }
    
    public
    String getTypename() {
    
        return typename;
    
    }
    
    public void setTypename(String typename) {
    
        this.typename = typename;
    
    }
    
    @Override
    
    public
    String toString() {
    
        return "IdTypeId
    [idTypeId=" + idTypeId + ", typename=" + typename + "]";
    
    }
    
    public
    IdTypeId() {}
    
    public
    IdTypeId(int idTypeId, String typename) {
    
        super();
    
        this.idTypeId = idTypeId;
    
        this.typename = typename;
    
    }
    
     
    
    }
    

    然后查询方法是这样写:

    <%
    
    List<IdTypeId>
    idTypeIds = new ArrayList<IdTypeId>();
    
    Connection
    conni = null;
    
    ResultSet rsi =
    null;
    
    Statement
    sti = null;
    
    IdTypeId
    idTypeId = null;
    
    conni
    = DbUtils.getConnection();
    
    String
    sqli = "select
    idTypeId,Typename from idtypes";
    
    sti =
    conni.createStatement();
    
    try{
    
        rsi = sti.executeQuery(sqli);
    
        while(rsi.next()){
    
            idTypeId = new IdTypeId(rsi.getInt(1),rsi.getString(2));
    
            idTypeIds.add(idTypeId);
    
        }
    
    }
    
    catch(SQLException
    ex){
    
         
    System.out.println(ex.getMessage());
    
        }
    
    request.setAttribute("idTypeIds", idTypeIds);
    
    %>
    
    再然后就通过c标签的<c:forEach ,将查到的数据进行循环出来
    
    <div class="form-group
     row">
    
    <label for="staticEmail"
    class="col-sm-4 col-form-label">下拉框</label>
    
    <div class="col-sm-8">  
    
    <select class="form-control"
     id="selectdown" name="selectdown">
    
    <c:forEach items
     = "${idTypeIds}"
    var = "idType">
    
     <option value="${idType.idTypeId }">${idType.typename }</option>
    
    </c:forEach>
    
    
    
    
    
    </select>
    
    </div>
    
    展开全文
  • JSP 下拉框修改绑定数据

    千次阅读 2018-05-18 20:59:58
    http://java.sun.com/jsp/jstl/core" prefix="c"%&gt; &lt;select id="roomtypeid"&gt; &lt;c:forEach items="${categories}" var="cate" varStatus...
  • jsp下拉框设置默认值

    千次阅读 2018-04-29 23:26:21
    jsp代码&lt;hsform:label path="itemId"&gt;项目&lt;/hsform:label&gt; &lt;hsform:select path="itemId" cssClass="input-small"&gt; &lt;hsform:...
  • jsp页面可输入下拉框实现

    千次阅读 2016-04-06 22:53:06
    可输入的下拉框            内容01  内容02  内容03
  • jsp实现下拉框多选

    千次阅读 2021-01-18 20:53:12
    " onMouseOver="mousein()" onMouseOut="mouseout()"> </span> </body> <script type="text/javascript"> //下拉框的数据,视讯编号/视讯名称 var initlist = ['001/点播视讯','002/直播视讯','003/咪咕视讯'...
  • jsp——动态加载下拉框

    千次阅读 2018-08-11 19:35:14
      解决思路是在Controler中做判断,满足条件往jsp传数据,在jsp中同样用el表达式进行判断加载。 1、Controler    //getToken获取到的值为-1就加载地区下拉框,否则不加载 @RequestMapping(&quot;/...
  • jsp页面中的下拉列表

    万次阅读 2018-06-08 13:28:21
    在WEB开发过程中,我们经常遇到信息修改的功能需求。这时我们给用户提供一个JSP页面,展示出当前的信息并允许用户重新设置新值。而在这个页面中,一般是少不了下拉列表的。至于它的处理方式,我以前
  • 效果:和正常的下拉框是一样的 代码: <select class="form-control" name="classId"> <option selected="selected">请选择班级</option> <% String username="用户名"; String password=...
  • JSP 下拉框实现值联动实例

    万次阅读 2014-04-15 14:16:27
    下拉框值联动测试 var fjyt=[["NCR","DC","OTHER"], ["NCR","DC","OTHER"], ["NCR","DC","OTHER"], ["TZ"], ["SOP"] ]; //描述 var fjyt_des=[["NCR记录","尺寸记录","其他附件"], ...
  • JSP下拉框设置动态默认值 [color=red]---转载的[/color] [color=red]原创地址:http://blog.csdn.net/wangjolly/article/details/23677519[/color] 标签: listbox下拉框默认值设置jspselected 2014-04-14 14:54 ...
  • 一、当一个jsp页面请求某个action,servlet将数据再转发到该jsp页面并跳转到该页面,而该jsp页面中有下拉框,那么下拉框的值如何取到呢? 1.首先该jsp页面中要引入数据表格插件: jquery.dataTables.min.js和...
  • jsp/html 实现下拉复选框

    热门讨论 2012-02-21 14:08:22
    包括相应的js,css文件,这些都是经过测试的。是没有问题的
  • JSP下拉框如何保持选中项

    千次阅读 2012-09-13 19:42:56
    JSP下拉框使用onchange事件提交表单到本文件后,会有刷新,怎么保持下拉框的选中状态为刚才选择的下拉框选项 Java code <select onchange="window.location.href='probation.jsp?q='+this.value;" style="position...
  • 1、在平常所用的控件中下拉框是必不可少的,那么就有这么一个小问题,就是怎么让它在没选之前显示一句提示语哩?实际有好多人知道这个提示语的标签怎么写,不就一个option么?实际真正想要的效果不是那样的。 1️...
  • //验证性别(单选按钮验证) function checkXb(){ var temp = false; var xbObj1= document.getElementById(“xb1”); var xbObj2= document.getElementById(“xb2”); if(xbObj1.checked || xbObj2.checked){ temp ...
  • JSP里有这么一段:队','B':'B队'}" disabled="true" name="queryTeam" id="queryTeam" emptyOption="false" cssClass="x-form-field-noborder" cssStyle="width:100%;"/> 注:s:select与selec
  • ![图片说明](https://img-ask.csdn.net/upload/201805/25/1527212940_659216.png) 如何将图中圈红的部分的“output”数据传送到另一个页面,求详细代码,谢谢。
  • JSP 下拉列表框、多行下拉列表框

    千次阅读 2014-07-25 17:24:15
    1、下拉列表框:  语法:
  • jsp获取下拉框选中值并传入action 运用el表达式和jstl 及javascript <form action="${pageContext.request.contextPath }/user/userlist.html"> <span>用户名称:</span> <input name=...
  • 一、使用servlet获取数据后跳入jsp页面 先从biz层调方法获取数据库数据存入vo对象,使用setAttribute方法向JSP页面传递vo对象 package cn.hnpi.jdbcweb.servlet; import java.io.IOException; import java.util....
  • 1、首先在数据库中获取第一个下拉框的数据: listValue="tsFrom" cssStyle="width:90" list="tsfrom1" name="tsFrom" theme="simple" headerKey="" onchange="get
  • 全面详细的新手下拉框数据显示。web项目中难免用到下拉框异步加载数据的情况。这里分享一个。...3.html页面代码: /js/jquery-1.8.2.min.js 这个文件是需要引入的,为了用ajax。 $(function () {
  • JSP如何实现动态下拉框

    千次阅读 2016-05-27 15:13:19
    在开发项目中,经常会遇到大小类的问题,即有两个下拉框,一个为主,一个为次,如果主下拉框选择更新后根据所选择的项从数据库中读取相关数据并更新到次下拉框中.比如主下拉框为大类,次下拉框为大类下的选项,并且页面是...
  • JSP页面生成年份下拉框

    千次阅读 2017-08-16 09:56:31
    JSP页面中生成年份下拉框

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,446
精华内容 3,778
关键字:

jsp下拉框代码