在做页面表单或者条件筛选的时候,如何把select标签的值,在刷新页面后,保持选择的值。下面,将给出两种解决方案:

前提: 前台select标签 name为type ; 后台接收type的值,业务完成后把type值反回给页面。

一:利用jquery为select标签赋值。

第1步: 为select增加id,便于jquery控制。

1
2
3
4
5
<select name="type" id="type">
<option value="0"></option>
<option value="1"></option>
<option value="2">及格</option>
</select>

第2步:利用jquery接收后台type的值并为select标签赋值。

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

//或者

1
2
3
4
5
<script type="text/javascript">
$(function(){
$("#type").val(${type});
})
</script>

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

1
2
3
4
5
<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>

&nbsp;

&nbsp;