兰叶秋葳蕤,桂华秋意浓
当Java后台连接数据库后,在select中如何显示已选择的选项。可以应用在网页修改信息操作中。
方法一:
使用JSP代码插入每个option中,代码简单,但是属于硬编码,灵活性不强,可维护性差。
示例代码如下
<select name="categoryId">
<option value="1" <%if(news.getCategoryId()==1){%>selected<%}%>>国内</option>
<option value="2" <%if(news.getCategoryId()==2){%>selected<%}%>>国际</option>
<option value="3" <%if(news.getCategoryId()==3){%>selected<%}%>>娱乐</option>
<option value="4" <%if(news.getCategoryId()==4){%>selected<%}%>>军事</option>
<option value="5" <%if(news.getCategoryId()==5){%>selected<%}%>>财经</option>
<option value="6" <%if(news.getCategoryId()==6){%>selected<%}%>>天气</option>
</select>
方法二:
嵌入js代码,灵活性强,可根据选项个数自由调整。
示例代码如下
<select name="categoryId<%=news.getCategoryID()%>" id="sel" class="<%=news.getCategoryID()%>" >
<option value="1">国内</option>
<option value="2">国际</option>
<option value="3">娱乐</option>
<option value="4">军事</option>
<option value="5">财经</option>
<option value="6">天气</option>
</select>
<script type="text/javascript">
var sel = document.getElementById("sel");
var cId= sel.getAttribute("class")
sel[cId-1].selected = true;
</script>
**<%=news.getCategoryID()%>**是接收的News类的新闻编号。而得到这个把这个值附给var cId后,就可以灵活应用于需要显示的option。