ansaurus

Question

Post parameters in two forms when onchange happens in one of them.

Answer 1

A:

Only one form can be submitted at a time, you can not have them BOTH submitted. You should unify them into one single form. And, just in case: remember that forms cannot be nested.

Palantir 2010-07-01 07:39:01

Kenneth 2010-07-01 07:47:23

You will need to use javascript then. Create a function which will get the values from the third form, and put them into the first form. You can use hidden fields for that. Then, when user tries to submit first form, call your function, then submit. When he tries to submit third form, don't submit it, instead call your function and submit the first form.

Palantir 2010-07-01 07:53:51

Answer 2

+2 A:

When you submit a form, only the fields from that form are sent on the request.

You can either have just one form (with all your fields) or use JavaScript before submit to copy values from one form to hidden elements in the other.

EDIT: here is a little JS example:

<!-- test.html -->
<html>
  <head>
    <script type="text/javascript">
      function doCopyAndThenSubmit() {
        var sourceInput = document.getElementById("source");
        //destination should be the hidden field, made it text to have a visual on the operation
        var destinationInput = document.getElementById("destination");
        destinationInput.value = sourceInput.value;

       //watch the address bar after the OK
       alert("Did the copy, press OK for the submit");
       document.forms["yourForm"].submit();
      }
    </script>
  </head>
  <body>
    Add some text in source and change the value in the select<br/>
    <form action="test.html" method="GET" name="yourForm">
      <select onchange="doCopyAndThenSubmit()">
        <option value="x">some value</option>
        <option value="y">some other</option>
      </select>

      <br/>Source:
      <!-- id must be unique in the entire document (don't confound with name) -->
      <input name="src" id="source" type="text" value="" />

      <br/>Destination:
      <input name="dest" id="destination" type="text" value="" />
    </form>  
  </body>
</html>

Usually you will have the name and id attributes with the same value for easy tracking (instead of referring to an input once by id and then by name); I used different values to reinforce the difference. And off course you will have the source in one form and the destination in another.

<form name="form1" ...>
  ...
  <input name="source" id="source" type="text" value="" />
</form>

<form name="form2" ...>
  ...
  <input name="destination" id="destination" type="hidden" value="" />
</form>

dpb 2010-07-01 07:41:09

My main aim is just to keep all user's selections when post back. Is Javascript is the must? (I haven't touched javascript yet.....)

Kenneth 2010-07-01 07:53:32

@Kenneth: HTML is static, so it can only get you so far. If you want to do things dynamically, like copying stuff from one place in your document to another, then you must use JavaScript. If you don't want to use JavaScript your will have no choice but to put all your fields in one form. Don't worry about JavaScript, it will be easy to do the copying and form submitting, it's basic usage for JavaScript. I will edit my answer to add a simple example for you.

dpb 2010-07-01 08:29:03

That's COOL!! Thanks heaps!! This is very helpful.....

Kenneth 2010-07-01 12:39:27

Answer 3

A:

Is there a reason why you have two forms? You say that you want the data in both the form to be submitted, in such a case I would place all of the elements in the same form. It makes things simple.

If you would still want to have two forms and submit details from both, when the first form is submitted, then you need to use javascript.

Have hidden fields in the form1 corresponding to the fields in form2. Populate these hidden fields just whenever form1 is submitted:

Somewhere in form 1:

<input type="hidden" name="hdnChrmChoice" />
//do the same for all fields in form 2

onSubmit:

document.form1.hdnChrmChoice.value = document.form2.chrmChoice.value;
... //do the same for all fields in form 2
document.form1.submit();

However, I would still recommend to check once again whether it is possible to use a single form. Makes things simple.

Nivas 2010-07-01 07:54:32

Thanks. The reason is just that the page content is semantically more meaningful by putting the form into two place. Anyway, I will use dpb's javascript to do it then. Thanks for your time.

Kenneth 2010-07-01 12:47:56

ansaurus

tags:

views:

answers:

Post parameters in two forms when onchange happens in one of them.

related questions