자바 스크립트 동적 양식 제출

Question

모든 개별 양식을 단일 페이지에 제출하는 스크립트를 작성하려고합니다. 양식 양을 계산하여 시작한 다음 해당 계산을 사용하여 각 양식을 반복하여 제출합니다.

<form name="order_driver_'.$j.'" class="order_container" id="save_'.$j.'"method="post" action="../scripts/order_driver_save.php"> 

내가 각을 계산하는 자바 스크립트를 사용하고 제출 : 내가 가진 문제는 제출 부분에

function count_form(){ 

    //Count the amount of outputs 
    var count = $(".order_container").size(); 

    //Run loop for reults 
    for(count=count;count>0;count--){ 

     //var save='order_driver_'+count; 

     document.order_driver+count.submit(); 

    } 
} 

을 각 양식은과 같이 기록 된 PHP 페이지에서

:

document.order_driver_ + count.submit(); 

나는 var count.order_driver_에를 연결할 수 없습니다.

루프에서 제출할 각 양식 이름을 지정할 수 있도록이 작업을 수행하는 방법이 궁금합니다.

Answer 1

제출을 요청하면 브라우저가 요청을 따르고 페이지를 새로 고침하기 때문에 모든 제출을 원할 경우 AJAX를 통해 제출해야합니다. 따라서 연결해야하는 경우에도 첫 번째 항목 만 제출합니다.

나는 내가 당신을 제안하여 비난받을 수 있습니다 알고 있지만는 jQuery를 사용 UPDATE, 나는이 상황에서, 그것은 크게 당신이해야 할 일을 간단하게 생각합니다.

jQuery을 사용하면이 코드가 목표를 달성 할 수 있습니다.

// #submit-click being whatever you want to initiate the mass form submit 
$('#submit-button').click(function() { 
    $('form').submit(); 
}); 

//form submit event handler 
$('form').submit(function() { 
    //get the form and serialize it's data 
    var form = $(this); 
    var data = form.serialize(); 

    //submit via AJAX 
    $.post(form.attr('action'), data); 

    //prevent the default action of submit 
    return false; 
}); 

당신은 그들이 제출되었다는 확인을받지 못할 것이라는 통지를 보냅니다.

Answer 2

참고 : 전화를 서로 분리해야하거나 페이지가 제출 대상으로 이동합니다. Ajax가 호출하거나 목표를 새 창으로 만듭니다. 당신이 약간 그 루프를 단순화 할 수

function count_form(){ 

//Count the amount of outputs 
var count = $(".order_container").size(); 

//Run loop for reults 
for(count=count;count>0;count--){ 

    //var save='order_driver_'+count; 

    document.getElementById("order_driver_" + count).submit(); 



} 
}