0

我有一个表格

<form action="MakeResponseAction.do" method="POST" id="form-response">
        <fieldset>
            <label for="re"><fmt:message key="request_id" /></label> 
            <select id="re" name="requestid">
            <c:forEach items="${requests}" var="requests">
                    <option value="${requests.id}">${requests.id}</option>
            </c:forEach>
            </select> 
            <label for="aclass"><fmt:message key="aclass" /></label> 
            <input type="text" id="aclass" name="classId" /> 
            <label for="beds"><fmt:message key="beds_n" /></label> 
            <input type="text" id="beds" name="beds" /> 
            <label for="days"><fmt:message key="days_n" /></label> 
            <input type="text" id="days" name="days" /> 
            <label for="fio"><fmt:message key="fio" /></label> 
            <input type="text" id="fio" name="fio" />
        </fieldset>
    </form>

当用户更改选项时select- 我想在input. 我写了一个函数

$("#re").change(function(){
    var list = ${requests}; //requests - session attribute  
    var items = $("#re").val();     
    for(var i = 0; i < list.length; i++) {  
        if (list[i].id == $(this).val()) {  
            $("#aclass").val(list[i].classId);  
            $("#beds").val(list[i].beds);  
            $("#days").val(list[i].days);  
            $("#fio").val(list[i].fio);  
            break;  
        }  
    }  
}); 

但是当我将它添加到我的页面时 - 所有样式都消失了。我这样添加

$(function() {
//some other functions
$("#re").change(function(){
    var list = ${requests};  
    var items = $("#re").val();     
    for(var i = 0; i < list.length; i++) {  
        if (list[i].id == $(this).val()) {  
            $("#aclass").val(list[i].classId);  
            $("#beds").val(list[i].beds);  
            $("#days").val(list[i].days);  
            $("#fio").val(list[i].fio);  
            break;  
        }  
    }  
});
});

怎么了?

4

0 回答 0