zoukankan      html  css  js  c++  java
  • jsp中的动态下拉框的回填方案

    1.       将从数据库或者配置文件等查询出来的动态下拉框的内容作为一个list 通过request.setAttibutte(‘list’,list)的方式set到页面;

    2.       当点击查询时获取当前选中的下拉框的值,然后将其request.setAttibutte(‘item’,item) 存在页面的隐藏域中;

    3.       当查询完成显示页面时,js遍历list下拉框中的值是否与item相等,若相等则将其对应的option的selected属性设置为true;

    这样,就实现了动态下拉框的回填工作。

    4.       具体实现:

    (1)       Jsp页面

    <td style="160px">

                                <select name="orderType"id="orderType" style="100%;"><!--onchange="clickSelectFlow();" -->

                                   <c:forEach var="processConfig"items="${processInfoList}" >

                                      <option <c:if test="cmbFlow==${processConfig.chileEle_DefineID}">selected</c:if> value="${processConfig.chileEle_DefineID}"style="tableName:${processConfig.chileEle_Table}">${processConfig.chileEle_DefineName}</option>

                                   </c:forEach>

                                </select>

                             </td>

    <td style="display:none"> <!-- display:none -->

                                <div><input id="procDefId"name="procDefId" value="${procDefId }" /></div>

                             </td>

    (2)       Action显示页面方法

    List processInfoList = processConfigBiz.getAllFlowInfoList(request);

             request.setAttribute("processInfoList", processInfoList);

     

    (3)       Action查询方法

    TakenOderQueryFrom takenOrderQueryForm = (TakenOderQueryFrom)form;

    String orderType = takenOrderQueryForm.getOrderType();

    request.getSession().setAttribute("procDefId",orderType);

     

    (4)       Js设置属性

    $(document).ready(function(){

       //回填显示上一次操作的流程名称

       var procDefId = $('#procDefId').val();

       //alert(procDefId);

       $('#orderType option').each(function(){

          $this = $(this).val();

          //alert($this);

          if($this == procDefId){

             $(this).attr('selected',true);

          }

       });

    });


  • 相关阅读:
    day5-Python学习笔记(九)json数据类型
    day5-Python学习笔记(八)内置函数
    day4-Python学习笔记(七)函数与模块
    day4-Python学习笔记(六)监控日志,集合数据类型
    day4-Python学习笔记(五)文件读写,文件内容修改
    day3-python学习笔记(四)字符串方法
    day3-python学习笔记(三)字典、元组
    day3-python学习笔记(二)list(数组)
    变量
    网络编程
  • 原文地址:https://www.cnblogs.com/shipeng22022/p/4614083.html
Copyright © 2011-2022 走看看