选择组合框值并通过隐藏字段将其发送到下一页

时间:2014-04-04 09:28:05

标签: javascript jquery html

我有一个选择组合框,我必须捕获组合框的选定项的值并将其设置为隐藏字段,以便我可以在下一页中捕获它。但我无法做到。任何人都可以帮助我。

我的表单标签如下,

<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>

我在做什么错误?

1 个答案:

答案 0 :(得分:0)

伙计们,我这样解决了。 ,

<script type='text/javascript'>
$(function() {
$('#schoolYear').change(function() {
    // get value from combobox
    var x = $(this).val();
    // set it to hidden fields
    $('#schoolYearId').val(x);
});
});
</script>

它有效。