select接收后台返回值的解決方案


      在做頁面表單或者條件篩選的時候,如何把select標簽的值,在刷新頁面后,保持選擇的值。下面,將給出兩種解決方案:

      前提: 前台select標簽 name為type ; 后台接收type的值,業務完成后把type值反回給頁面。

      一:利用jquery為select標簽賦值。 

         第1步: 為select增加id,便於jquery控制。  

<select name="type" id="type">
   <option value="0">優</option>
   <option value="1">良</option>
   <option value="2">及格</option>
</select>

         第2步:利用jquery接收后台type的值並為select標簽賦值。 

<script type="text/javascript">
   $(function(){
      $("[name='type']").val(${type});
   })
</script>

或者
<script type="text/javascript">
   $(function(){
      $("#type").val(${type}); }) </script>

      二:利用jstl控制select的option是否選中。       

<select name="type">
   <option value="0" <c:if test="${type==0}">selected</c:if>>優</option>
   <option value="1" <c:if test="${type==1}">selected</c:if>>良</option>
   <option value="2" <c:if test="${type==2}">selected</c:if>>及格</option>
</select>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM