当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里面显示的内容