select下拉框之数据回显

估计这是最简单的一种方法了

<script language="javascript">

setTimeout("$('select#menuLevel').val('${menuLevel}')", 100);

</script>




  <td style="width:150px;height:10%;">
                            <label>测站编码</label>
                           
                        <select id="stcd" name="stcd" value="${stcd}">      / /value="${stcd}"这个在数据回显的时候非常重要,特别是ajax这样的
<option value="" >请选择</option>

<c:forEach items="${sessionScope.rainstations}" var="item2">

<option value="${item2.stcd}"> ${item2.stcd}</option>


</c:forEach>

</select>
                        </td>

jsp部分代码:

 <td style="width: 100%;height: 10%;">
            <form  id="queryForm">
                <table style="width:98%;color:#000;margin-left: 10px;">
                    <tr>
                        <td style="width:150px;height:10%;">
                            <label>测站编码</label>
                           
                        <select id="stcd" name="stcd" value="${stcd}">
<option value="" >请选择</option>

<c:forEach items="${sessionScope.rainstations}" var="item2">

<option value="${item2.stcd}"> ${item2.stcd}</option>


</c:forEach>

</select>
                        </td>
                         <td style="display:show();">
                            <label>测站编码:</label>
                            <input type="text" id="stcd2"  name="stcd2" value="${stcd2}"/>
                        </td>
                         <td style="width:150px;height:10%;color:#000;padding-left: 10px;padding-bottom: 10px;">
                            <label>开始时间:</label>
                            <input type="text" id="tmbegin" οnfοcus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate" name="tmbegin" value="${tmbegin}"/>
                        </td>
                       <td style="width:150px;height:10%;color:#000;padding-left: 10px;padding-bottom: 10px;">
                            <label>结束时间:</label>
                            <input type="text" id="tmend" οnfοcus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate" name="tmend" value="${tmend}"/>
                        </td>
                    <td style="width: 5%;height:10%;">
                           <!--<div class="btn query_btn" οnclick="javaScript:$('#queryForm').submit();"/>  --> 
                          <div class="btn query_btn" οnclick="submitall();"/>
                        
                        </td>
                    <td align="left" style="width: 10%">
                            <c:forEach items="${operate}" var="oper"><c:if test="${oper.operateType=='ADD'}"><div class="btn add_btn"  model="add" title="添加用户" /></c:if></c:forEach>
                        </td> 
                        
                       
                        <td style="width:5%;height:10%;color:#000;"> <div class="btn add_btnf"  model="add1" title="雨量过程线图表" οnclick="getrainchart();"/></td>
                    </tr>
                </table>
            </form>
        </td>

点击查询同时执行controller里两个方法,下面显示的表单直接执行queryrain方法,上面的图表通过ajax执行rainmnpic方法,这里面涉及到一个问题,那就是点击查询时候的效果和刚开始点击雨量过程线时的结果是一样的,如果没有加value="${}"这项,测站编码始终是先加载到选择,这样刚开始加载时时加载全部数据的,所以当选择测站编码不为空时,下面的表单加载具体的测站编码的数据,而上面的图表加载的是全部的数据。但是加上value="${}"这项后,表单和图表都是

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值