Take data from Forms

Question

How can I get data from all the existing Rms on a page? I have a form with the name "orcamentos" that I can send the fields but I have at least three more that are inserted via include and the fields of these Forms I’m not being able to recover.

I would like to pass all fields, regardless of the name.

Before I was doing so:

document.orcamentos.submit();

This sends all form data with the name "budget", then in trying to send all fields independent of the name tried this:

$("form").submit();

But send the fields of the form "budget" and the others inserted by include no.

Performing some tests I realized that the variables that are not in the form "budget" are available and I was able to rescue them via Ajax, as follows:

            var sVazaoEta     = $("#Vazao_eta").val();
        var sTipoVazaoEta = $("input[name='TipoVazao_eta']:checked").val(); 
        var sFiltrosEta   = $("input[name='Filtros_eta']:checked").val();               

Is there any possibility of passing these variables to the detail page that is triggered by the form’s Submit, because I am using the:

$("form").submit(); 

Answer 1

You can use jQuery to serialize data from all forms and submit using jQuery’s $.get or $.post

In this link you will get information on how to serialize 1 (one) form In this link you will have information on how to serialize the form in the array format this is useful, as you can add new elements to the array, in your case the data from the other forms. You can serialize to an array the quotation form and add in this array the data of all other forms. In this link you will have information on how to turn objects into parameters to be sent by the get or post method, in case you need to add anything else manually. In this link you will get information on how to send data using the jQuery post In this link you will get information on how to send data using jQuery get

Answer 2

You can use the following javascript to send the data of two or more Forms:

<script language="javascript">
function() submitForms{
  document.getElementById("firstform").submit();
  document.getElementById("secondform").submit();
 }
</script>

<form id="firstform" target="iframe1">
</form><iframe name="iframe1" style="display:none"></iframe>
<form id="secondform" target="iframe2">
</form><iframe name="iframe1" style="display:none"></iframe>
<button onclick="submitForms()"><img src="images/order-button.png" "/></button>