選擇組合框的值，並通過隱藏字段發送到下一頁

Question

我有一個選擇組合框，我必須捕獲組合框的選定項目的值並將其設置爲隱藏字段，以便我可以在下一頁中捕獲它。但我無法做到。任何人都可以幫助我。

我的表單標籤如下，

<form class="well" name="ddm" id="ddm" style="margin-left: 30px;" action="<%=request.getContextPath()%>/controller/SMSManagementController"> 

<input type="hidden" name="flowName" value="PERSIST_SCHOOLYEAR_INFO" > 
<input type="hidden" name="schoolYearId" id="schoolYearId" value=""> 

下一個我的選擇標籤，

<div class="form-group control-group"> 
    <select class="form-control selectpicker" name="schoolYear" id="schoolYear"> 
    <option>--Select Grade--</option> 
       <c:forEach var="grade" items="${gradeInfo}"> 
    <option value="${grade.getDropDownId()}">${grade.getDropDownName()}</option> 
     </c:forEach> 
    </select> 

    </div> 

我用JavaScript來做到這一點的，

<script language="JavaScript"> 
var schoolYear = document.form.schoolYea.value; 
document.ddm.schoolYearId.value = schoolYear; 
document.write (schoolYear); 
</script> 

什麼是錯誤的我在做？