JSP页面获取select option里面的value和显示内容

当select option里面的value与显示的内容不一样时的获取方法网上也说了不少，但是本人试用时大多出现问题，这个是我自己根据网上的思想应用到自己的代码上的：

JSP代码：

<select id="TcCollege" >
<c:forEach var="item" items="${colleges}">
<option id="${item.cId}" value="${item.cId}">${item.cCollegeName}</option>
</c:forEach>
</select>

从后台控制器传进来参数，把option的id和value设为一样，注意value双引号里面有空格也会算进去value里面的，这可能会引起后面赋值失败。

JS代码：

var cYearClass=document.getElementById("TcCollege").value;//得到selected的value

var grade=document.getElementById(cYearClass).text;//得到所选option里面显示的内容