精华内容
下载资源
问答
  • 下拉框 回显

    2018-11-27 16:50:58
    引入jstl <%@taglib uri="... 下拉框回显 <select name="queryMySelect" class="texts"> <option value="3" <c:if test="${

    引入jstl

    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

     下拉框回显

    <select name="queryMySelect" class="texts">
    	<option value="3" <c:if test="${queryParam.queryMySelect eq '3'  }">selected="selected"</c:if> >3</option>
    	<option value="0" <c:if test="${queryParam.queryMySelect eq '0' }">selected="selected"</c:if> >0</option>
    	<option value="6" <c:if test="${queryParam.queryMySelect eq '6' }">selected="selected"</c:if> >6</option>
    </select>

    下拉框change 事件(可以用于 下拉框 提交  和上面的 没有什么关系   )

    $(document).ready(function(){
                $('#mySelect').change(function(){
                   /* var p1=$(this).children('option:selected').val();//这就是selected的值
                    var p2=$('#param2').val();//获取本页面其他标签的值*/
                   var  a = $(this).children('option:selected').val();
                    window.location.href="/grzx/GRZXwdsp?queryMySelect="+a;//页面跳转并传参
                })
            })

     

    展开全文
  • js实现select下拉框回显

    千次阅读 2019-04-29 17:37:51
    JS实现select回显

    jsp页面:

    			  <select id="TFTypeID" name="TFTypeID" >
    
    				<option value="1" >微信零钱</option>
    	
    				<option value="2" >银行卡</option>
       
                	<option value="3" >支付宝</option>
         
    				</select>
    

    js实现方式:

    $(function(){
    	
    	 var count = $("#TFTypeID option").length;
    	 var tf = ${pd.TFTYPEID};//后端传值
         for (var i = 0; i < count; i++) {
         if ($("#TFTypeID ").get(0).options[i].value ==tf) {//获取select 的value值和入参比较
        	 
         $("#TFTypeID ").get(0).options[i].selected = true;
         break;
         }
         if ($("#TFTypeID ").get(0).options[i].value ==tf ) {
             $("#TFTypeID ").get(0).options[i].selected = true;
             break;
             }
         if ($("#TFTypeID ").get(0).options[i].value == tf) {
             $("#TFTypeID ").get(0).options[i].selected = true;
             break;
             }
         }
         
    })
    
    展开全文
  • <... charset=utf-8" pageEncoding="utf-8"%&...%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %> <!DOCTYPE htm..

    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>列表展示页面</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/bootstrap4/css/bootstrap.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/jquery/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/bootstrap4/js/bootstrap.js"></script>
    <script type="text/javascript">
        $(function() {
            //查询省
            $.post("./findAllArea",{}, function(data) {
                var ids = '${vo.provinceId}';
                for ( var i in data) {
                    if(data[i].id==ids){
                        $("[name='provinceId']").append("<option value='"+data[i].id+"' selected='selected'>"+data[i].name+"</option>");
                    }else{
                        $("[name='provinceId']").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                    }
                }
            });
            
            //当省份改变的时候查询市
            $("[name='provinceId']").change(function() {
                var pid = $(this).val();
                $.post("./findAllAreaByPid",{pid:pid}, function(data) {
                    $("[name='cityId']").html("");
                    $("[name='cityId']").append("<option value=>请选择市</option>");
                    for ( var i in data) {
                        $("[name='cityId']").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                    }
                });
            });
            
            
            var pid = '${vo.provinceId}';
            var cid = '${vo.cityId}';
            $.post("./findAllAreaByPid",{pid:pid}, function(data) {
                for ( var i in data) {
                    if(data[i].id==cid){
                        $("[name='cityId']").append("<option value='"+data[i].id+"' selected='selected'>"+data[i].name+"</option>");
                    }else{
                        $("[name='cityId']").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                    }
                    
                }
            });
            
            
            
            
            //当市改变的时候查询区和县城
            $("[name='cityId']").change(function() {
                var pid = $(this).val();
                $.post("./findAllAreaByPid",{pid:pid}, function(data) {
                    $("[name='countyId']").html("");
                    $("[name='countyId']").append("<option value=>请选择区县</option>");
                    for ( var i in data) {
                        $("[name='countyId']").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                    }
                });
            });
            
            
            var ppid = '${vo.cityId}';
            var ccid = '${vo.countyId}';
            $.post("./findAllAreaByPid",{pid:ppid}, function(data) {
                $("[name='countyId']").html("");
                $("[name='countyId']").append("<option value=>请选择区县</option>");
                for ( var i in data) {
                    if(data[i].id==ccid){
                        $("[name='countyId']").append("<option value='"+data[i].id+"' selected='selected'>"+data[i].name+"</option>");
                    }else{
                        $("[name='countyId']").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                    }
                    
                }
            });
            
            
            
            
            //当省份改变的时候县区也改变
            $("[name='provinceId']").change(function() {
                $("[name='countyId']").html("");
                $("[name='countyId']").append("<option value=>请选择区县</option>");
            });
            
            
            //查询所有的科室
            //查询省
            $.post("./findAllDepart",{}, function(data) {
                for ( var i in data) {
                    $("[name='departId']").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                }
                //科室回显
                $("[name='departId']").val(${vo.departId});
            });
            
            
            
            //全选全部选
            $("[name='check']").change(function() {
                if($(this).is(":checked")){
                    $("[name='checkbox']").attr("checked",true);
                }else{
                    $("[name='checkbox']").attr("checked",false);
                }
            });
            
            //性别回显
            $("[name='sex']").val(${vo.sex});
            
        });
        
        //分页
        function fenye(pageNum) {
            $("[name='pageNum']").val(pageNum);
            $("form").submit();
        }
        
        //添加
        function addTo() {
            location = "addTo";
        }
        
        //修改
        function updateTo(id) {
            location = "updateTo?id="+id;
        }
        
        //单删
        function deleteOne(id) {
            if(confirm("确定要删除这条数据嘛?")){
                $.post("./deleteOne",{id:id}, function(data) {
                    if(data){
                        alert("删除成功!!!");
                        location = "findAll";
                    }else{
                        alert("删除失败!!!");
                    }
                });
            }
        }
        
        function plshanchu() {
            
            var ids = "";
            $("[name='checkbox']:checked").each(function() {
                ids+=$(this).val()+",";
            });
            ids = ids.substring(0,ids.length-1);
            if(confirm("确定要删除这些数据嘛?")){
                $.post("./delete",{ids:ids}, function(data) {
                    if(data){
                        alert("删除成功!!!");
                        location = "findAll";
                    }else{
                        alert("删除失败!!!");
                    }
                });
            }
        }
    </script>
    </head>
    <body>
        <form action="findAll" style="margin-top: 50px;" method="post">
            <input type="hidden" name="pageNum">
            姓名查询:<input type="text" name="name" value="${vo.name }">
            性别:<select name="sex">
                    <option value="-1">请选择性别</option>
                    <option value="1">男</option>
                    <option value="0">女</option>
                </select>
            省份:<select name="provinceId">
                    <option value="-1">请选择省份</option>
                </select>
            市:<select name="cityId">
                    <option value="-1">请选择市</option>
                </select>
            区县:<select name="countyId">
                    <option value="-1">请选择区县</option>
                </select>
            科室:<select name="departId">
                    <option value="-1">请选择科室</option>
                </select>
            年龄区间:<input type="text" name="minAge" value="${vo.minAge }">--<input type="text" name="maxAge" value="${vo.maxAge }">
            <button  class="btn btn-primary">查询</button>
        </form>
        <button οnclick="addTo()">添加</button>
        <button οnclick="plshanchu()">批量删除</button>
        <table class="table table-hover" style="margin-top: 20px;">
            <tr>
                <th>
                    <input type="checkbox" name="check">
                </th>
                <th>姓名</th>
                <th>性别</th>
                <th>生日</th>
                <th>年龄</th>
                <th>省</th>
                <th>市</th>
                <th>县</th>
                <th>科室</th>
                <th>擅长</th>
                <th>工龄</th>
                <th>头像</th>
                <th>操作</th>
            </tr>
            <c:forEach items="${info.list }" var="d">
                <tr style="line-height: 50px;">
                    <td>
                        <input type="checkbox" name="checkbox" value="${d.id }">
                    </td>
                    <td>${d.name }</td>
                    <td>${d.sex==1?"男":"女" }</td>
                    <td>
                        <fmt:formatDate value="${d.birthday }" pattern="MM-dd"/>
                    </td>
                    <td>${d.age }</td>
                    <td>${d.province.name }</td>
                    <td>${d.city.name }</td>
                    <td>${d.county.name }</td>
                    <td>${d.depart.name }</td>
                    <td>
                        <c:forEach items="${d.skills }" var="s">
                            ${s.name },
                        </c:forEach>
                    </td>
                    <td>${d.workAge }</td>
                    <td>
                        <img alt="" src="/pic/${d.img }" width="50" height="50">
                    </td>
                    <td>
                        <button οnclick="updateTo(${d.id})">修改</button>
                        <button οnclick="deleteOne(${d.id})">删除</button>
                    </td>
                </tr>
            </c:forEach>
            <tr>
                <td colspan="12" align="center">
                    <button οnclick="fenye(1)">首页</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button οnclick="fenye(${info.prePage==0?1:info.prePage})">上一页</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button οnclick="fenye(${info.nextPage==0?info.pages:info.nextPage})">下一页</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button οnclick="fenye(${info.pages})">尾页</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    当前${info.pageNum }/${info.pages }页 &nbsp;&nbsp;&nbsp;&nbsp;
                    共${info.total }条数据
                </td>
            </tr>
        </table>
    </body>
    </html>

    展开全文
  • select下拉框回显的解决办法

    万次阅读 2017-03-14 09:42:42
    同时,实现往前,往后,跳转都能回显,年月是下拉框的形式; 部分代码: @RequestMapping(value = "{type}/{deptId}/{yearMonth}/{datemap}") public String getData(@PathVariable String type, @PathV

    在项目中:想实现点击“查询排班表”,进来右边的页面,年月自动回显成当前年月;同时,实现往前,往后,跳转都能回显,年月是下拉框的形式;


    部分代码:

    @RequestMapping(value = "{type}/{deptId}/{yearMonth}/{datemap}")
    public String getData(@PathVariable String type, @PathVariable Long deptId, @PathVariable String yearMonth,
    @PathVariable String datemap, Model model, HttpServletRequest request) throws Exception {
    String nowyear = com.yuanls._comm.util.Utils.getFormatDate("yyyy");
    List listYears = new ArrayList(); //年
    List listMonths = new ArrayList();//月
    for (int i = 2016; i < Integer.parseInt(nowyear)+2; i++) {
    listYears.add(i);
    }
    for(int i=1;i<10;i++) {
    listMonths.add("0"+i);
    }
    listMonths.add(10);
    listMonths.add(11);
    listMonths.add(12);
    model.addAttribute("listYears", listYears);
    model.addAttribute("listMonths", listMonths);
    String selectYear = yearMonth.substring(0, yearMonth.length()-2); //当前年
    String selectMonth = yearMonth.substring(4, yearMonth.length());//当前月
    model.addAttribute("year1", selectYear);
    model.addAttribute("month1", selectMonth);

    }

    jsp部分代码:通过遍历显示下拉年月;这样比较灵活;通过js来判断回显;

    <!-- 年开始: -->
      <select id="year" name="csrqnf1" style="width: 60px;" class="shortselect" value="${year1}">  
                        <option value="">--年份--</option>  
                         <c:forEach items="${listYears}" var="years" varStatus="vs">    
                             <option value="${years}">${years}</option>  
                         </c:forEach>
     
                </select>年  
                <select id="month" name="csrqnf" style="width: 45px;" class="shortselect" value="${month1}">  
                         <option value="">--月份--</option>  
                         <c:forEach items="${listMonths}" var="months" varStatus="vs">    
                             <option value="${months}">${months}</option>  
                         </c:forEach>  
                </select>月
                <script type="text/javascript">  
                document.getElementById("month").value="${month1}";  
                document.getElementById("month").options[${month1}].selected= true; 
                    document.getElementById("year").value="${year1}";  
                    document.getElementById("year").options[${year1}].selected= true; 
                </script>
     
      <!-- 年结束: -->


    补充select回显方法:

    1. <!-- 
    2.  实现select标签回显 
    3. -->  
    4. 1.<select name="curStatus"  value="${curStatus}">     
    5.   <option value="0">-请选择-</option>     
    6.   <option value="1" <c:if test="${'1' eq curStatus}">selected</c:if> ></option>     
    7.   <option value="2" <c:if test="${'2' eq curStatus}">selected</c:if> ></option>  
    8.  </select>  
    9.   
    10. 2.<s:select  list="#{0:'--请选择--',1:'处理中',2:'已完成'}" listKey="key" listValue="value" name="curStatus" value="%{curStatus}"></s:select>        
    11.    
    12. 3.<select name="curStatus"  value="${curStatus}">     
    13.   <option value="0">-请选择-</option>     
    14.   <option value="1" <s:if test="%{curStatus==1}">selected</s:if> >处理中</option>     
    15.   <option value="2" <s:if test="%{curStatus==2}">selected</s:if> >已处理</option>  
    16.  </select>  

    展开全文
  • select下拉框回显的几种方法

    千次阅读 2017-03-30 17:25:26
    第一种: jsp代码: [html] view plain copy select id="csrqnf" name="csrqnf" id="selecte" class="shortselect" value="${nfResult}">   
  • jsp 下拉框查询回显

    2019-06-28 09:23:51
    ----全部----
  • select下拉框回显的几种方式

    万次阅读 2016-10-14 16:14:08
    第一种: jsp代码: [html] view plain copy select id="csrqnf" name="csrqnf" id="selecte" class="shortselect" value="${nfResult}">   
  • <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 性别 ${brand.gender==0 }"> 男 女 ${brand.gender==1 }"> 男 女   复选框: html: 习惯 <td><input type="checkbox" name=...
  • 回显中 <s:if test = “interfaceVo.interfaceType == 3”>selected</s:if> 没有效果。 有可能 (1)interfaceVo.interfaceType没有得到值 (2)格式有问题,标点符号仔细看一下
  • 下拉框回显通过标签在页面判断

    千次阅读 2016-12-31 14:10:40
    经 手 人:      selected>${map['userName']}    选择  1  2 -->
  • JSP页面select下拉框数据回显

    千次阅读 2017-08-06 15:47:56
    MVC框架下JSP页面select下拉框数据回显
  • js中下拉框自动回显(selected) 我们直接可以用三目运算符来进行自动选中,话不多说直接上代码 <option value="徐家汇" ${'徐家汇' eq param.jd ? 'selected':''}>徐家汇</option> 其中param.jd是跳转...
  • 单选按钮、复选框、下拉框回显1、单选按钮radio的回显2、复选框checkbox的回显3、下拉框select的option回显 在前端页面中,经常需要根据需要来进行信息的回显,如果是普通的文本,那么用input框进行回显好就好了,...
  • 页面下拉框回显

    千次阅读 2017-04-28 17:10:43
    ”c” uri=”http://java.sun.com/jsp/jstl/core”%> < th > < span > 产品名称 : < select class = "app_name" name = "app_name" style = "width: 150px" > < option value = "${requestScope.app_...
  • select下拉框搜索回显搜索条件

    千次阅读 2016-12-28 14:23:11
    项目中遇到下拉框搜索带回显,整理一下。
  • 多选下拉框回显(Select)

    千次阅读 2015-10-20 17:29:38
    多选下拉框打印时候是已数组形式展现的,按这种思路: [code="java"] ... 1.获得下拉框的值(转换string):$('#extensionName').val().join(',') 2.设置多选下拉框选中: $('#extensionName')....
  • jsp: ${info.a_province}" id="t_a_province"/>  ${info.a_city}" id="t_a_city"/>  ${info.a_area}" id="t_a_area"/>   javascript: $("#t_a_province").val();  $("#t_a_city").val();  $("#t_...
  • 下拉框表单的回显处理 view.jsp <form action="welcome.jsp" method="post" id="form"> <select name="flag" id="flag"> <option value="1">开放</option> <option value="2">关闭...
  • easyui下拉框取值与回显问题

    千次阅读 2018-07-18 10:20:04
    easyui下拉框取值与回显 jsp页面: &lt;input class = "easyui-combobox" data-options = "valueField:'databaseID',textField:'facName',url:'listFac'" id="id" name="...
  • 多个下拉框联动及回显(Jquery)

    千次阅读 2018-01-27 17:23:39
    应用场景如下: ...下拉框联动及回显测试 //第一次联动 function tableChange() { var tableVal = $("#tableSelect").val(); $("#columnSelect").empty(); if(tab
  • select下拉框之数据回显 解析之源码

    千次阅读 2018-09-09 19:28:50
    在日常的项目开放中,select下拉框之数据回显,页面上用到这一方面的挺多。 今天小弟在此奉上 jsp页面中,使用&lt;c:if test=" 条件判断"&gt;&lt;/c:if&gt; &lt;form id="...
  • select下拉框之数据回显

    万次阅读 2016-03-15 09:02:27
    / /value="${stcd}"这个在数据回显的时候非常重要,特别是ajax这样的 请选择 ${sessionScope.rainstations}" var="item2"> ${item2.stcd}"> ${item2.stcd}   jsp部分代码...
  • 1.下拉框select <select name="departmentId" id="departmentId"> <option value="0">请选择部门</option> <...-- 下拉框回显 --> <option value="${department.id }
  • [size=18px]在jsp页面有多个下拉框,但是数据量较大做分页的时候,页面一刷新下拉框的值就没有了,请问怎么在页面刷新以后能回显多个下拉框的值。 请问哪位大神有好的思路? 用struts2的<s:select>标签也行...
  • 一、下拉框实现增加,保存在字段domain中,以","号分割。并将值回现在jsp中选中展示 效果: 例1: <script type="text/javascript"> $(function() { $('#userProjectRecommendedForm1').form({ ...
  • https://www.cnblogs.com/anny0404/p/5329960.html

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,111
精华内容 444
关键字:

jsp下拉框回显