使用ajax和HDIV的级联下拉列表的问题

时间:2015-06-25 20:16:46

标签: spring-mvc hdiv

我集成了HDIV和Spring MVC。现在我有一个表单,其中有三个下拉列表合同,任务顺序和子任务。合同的选择更改将通过ajax更新taskorder下拉列表的内容,然后任务顺序的选择更改将通过ajax更新下拉列表子任务的内容。表格如下:

 <c:url var="url" value="/admin/user/newstafftask" > 
 <c:param name="_MODIFY_HDIV_STATE_" value="${taskOrder.id}" />
</c:url>
<form:form action="${url}" commandName="newRequestStaffTasks">
    <form:hidden path="subId"  />
       <table >
            <tr>     
                <td> <label>Contract </label></td>
                <td>
                    <form:select path="newRequestStaffContract.id">
                      <option></option>
                      <form:options items="${contractList}" itemValue="id" itemLabel="contract.contractNbr" /> 
                    </form:select>
                </td>
        </tr>
        <tr>     
                <td> <label>Task Order </label></td>
                <td>
                    <form:select path="taskOrder.id">
                    </form:select>
                </td>
        </tr>
         <tr>     
                <td>  <label>SubTask Code </label></td>
                <td>
                    <form:select path="subtask.subTaskId">
                       <option></option>
                    </form:select>
                </td>
        </tr>
     </table>
</form:form>

当我尝试提交表单时,收到有关taskOrder.id的错误消息"INVALID_PARAMETER_NAME"。我理解问题是两个下拉列表的值在客户端更新。我尝试了_MODIFY_HDIV_STATE_,但它不适用于这种情况。所以我现在不确定如何处理它。请帮忙。感谢。

更新1

我已经从HDIV验证中排除了Ajax请求。下面是合同选择更改时更新taskOrder列表的代码片段:

    $(".modal-body").on("change", "#newRequestStaffContract\\.id", function()  {
            getTaskOrderByContract($(this));
        });
        function getTaskOrderByContract(o) {
            contractId  = o.val();
            if (contractId)  {
                $.get("../../ajax/getTaskOrderByContract",  {
                    contractId : contractId
                }
                , function(data)  {
                    var options = '<option value=""></option>';
                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].id + '">' +data[i].taskNum+ '</option>';
                    }
                    $('#taskOrder\\.id').html(options);
                });
            };
        };  

0 个答案:

没有答案