[JQUERY] 제출 버튼을 누른 후 양식 값 변경

제출 버튼을 누른 후 양식 값 변경

해결법

1. ---

   1.나는 제출 핸들러가 당신을 위해 일하지 않았다는 성명서에 대해 궁금합니다. 그것은 나를 위해 그렇게합니다. 양식을 보내기 전에 숨겨진 필드를 채우기 위해 수년간 사용했습니다. 다른 양식 필드에서도 작동해야합니다.

   나는 제출 핸들러가 당신을 위해 일하지 않았다는 성명서에 대해 궁금합니다. 그것은 나를 위해 그렇게합니다. 양식을 보내기 전에 숨겨진 필드를 채우기 위해 수년간 사용했습니다. 다른 양식 필드에서도 작동해야합니다.

   예제 (라이브 복사본) :

   HTML :

   <form id='theForm'
       action='http://www.google.com/search'
       method='GET' target='_new'>
         <label>Search for:
           <input type='text' name='q' id='txtSearch'></label>
         <input type='submit' id='btnSearch' value='Search'>
   

   자바 스크립트 :

   window.onload = function() {
   
     document.getElementById('theForm').onsubmit = function() {
       var txt = document.getElementById('txtSearch');
       txt.value = "updated " + txt.value;
     };
   };​
   

   Linux에서 Windows 및 Chrome, Firefox 및 Opera에서 IE6 및 IE7에서 테스트하고 작업합니다.

   업데이트 : 아래의 의견을 바탕으로 jQuery를 사용하고 있습니다. jQuery를 사용하여 모든 것을 위해 잘 작동합니다.

   $('#theForm').submit(function() {
     var txt = $('#txtSearch');
     txt.val("updated " + txt.val());
   });
   

   라이브 예제 테스트 및 동일한 브라우저 세트에서 작업합니다. 이 버전은 ID가 아닌 더 열려있는 검색을 사용하고 여전히 작동합니다.

2. ---

   2.기본값 제출 작업을 방지한 다음 수동으로 양식을 다시 제출해야합니다.

   기본값 제출 작업을 방지한 다음 수동으로 양식을 다시 제출해야합니다.

   $('form').submit(function(e) {
       e.preventDefault();
   
       // do your processing
   
       this.submit(); // call the submit function on the element rather than 
                      // the jQuery selection to avoid an infinite loop
   });
   

3. ---

   3.제출 버튼에서 JavaScript 이벤트를 클릭하고 값을 변경하는 클릭에 함수를 추가하려고 했습니까? 클라이언트 스크립트가 먼저 실행되기 때문에 작동 할 수 있습니다

   제출 버튼에서 JavaScript 이벤트를 클릭하고 값을 변경하는 클릭에 함수를 추가하려고 했습니까? 클라이언트 스크립트가 먼저 실행되기 때문에 작동 할 수 있습니다

from https://stackoverflow.com/questions/4517366/change-form-values-after-submit-button-pressed by cc-by-sa and MIT license