2012-06-28 2 views
2

JSP로 양식을 만들고 양식 안에 2 개의 버튼이 있습니다. 두 번째 버튼에 클릭이 다른 URI에서 다른 작업을 할 때 하나 개의 버튼에 사용자가 클릭이 URI/firstAction를 호출 할 때두 개의 동작 버튼이있는 JSP 양식

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

나는 원한다. 하지만 나는 dispayed 데이터와 버튼을 같은 테이블에 제공하고 싶다. 또한 내가 원하는 작업에서 입력 및 데이터 입력이 모두 필요합니다.

P. 사실 지금은 두 버튼을 누르면 내가/firstAction에서 리디렉션 해요 그리고 이것은 정상적인 것처럼 나는 그것을 동일한 형태로했습니다.

답변

1

이를 위해 jQuery를 사용할 수 있습니다. 이런 식으로 뭔가는 작업을 수행해야합니다

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

$('#Approve').click(function(e){ 
     $(this).parent('form').attr('action', '/secondAction'); 
}); 
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()" /> 

함께도 할 수 있습니다.