JSP表单有两个动作按钮

时间:2012-06-28 16:21:48

标签: jsp

我在JSP中创建了一个表单,我在其中有2个按钮。

<form:form method="POST" action="${pageContext.request.contextPath}/firstAction>
     <tr>
        <td>Input</td>
        <td><form:input path="input" /></td>

         <td>data</td>
         <td><form:input path="data"/></td>

        <td>
            <input id="delete" class="myclass" type="image" src="${pageContext.request.contextPath}/<spring:theme code="image"/>delete.jpg" value="delete" alt="delete" title="delete" /
        </td>

        <td>
            <input id="Approve" class="myclass2" type="image" src="${pageContext.request.contextPath}/<spring:theme code="image"/>approve.jpg" value="Approve" alt="Approve" title="Approve" />
        </td>
     </tr>
</form:form> 

我希望当用户单击一个按钮来调用URI / firstAction时,以及单击第二个按钮以在另一个URI中执行另一个操作时。但我想在同一个表中提供显示的数据和按钮。而且我还需要在我想要的动作中输入和输入数据。

P.S。实际上现在当我按下两个按钮时我正在/ firstAction重定向,这是正常的,因为我有相同的形式。

2 个答案:

答案 0 :(得分:1)

您可以使用jQuery来实现此目的。这样的事情应该做的工作:

$('#delete').click(function(e){
        $(this).parent('form').attr('action', '/firstAction');
});

$('#Approve').click(function(e){
        $(this).parent('form').attr('action', '/secondAction');
});

答案 1 :(得分:1)

即使jQuery是一个非常优雅的解决方案,你也可以用简单的JS

来做到这一点
<input type="submit" class="button" name="delete" value="delete" onclick= "document.searchPagosForm.action = 'firstAction';document.yourForm.submit()" />
<input type="submit" class="button" name="Approve" value="Approve" onclick= "document.searchPagosForm.action = 'secondAction';document.yourForm.submit()" />

不要忘记为表单指定名称。