在做頁面表單或者條件篩選的時候,如何把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>