Send Multiple Values from javascript function to PHP page

Question

here is the sample code.

<form id="form1" name="form1" action="phpPage.php" method="POST">
  <!--5 diff values in form1 . . . -->
  <input id="b1" onclick="functionOne();">
</form>
<form id="form2" name="form2" action="phpPage.php" method="POST">
  <!-- 5 diff values in form2 . . . -->
  <input id="b2" onclick="functionTwo();">
</form>

i have up to 8 forms.

The problem is when I click the button b5, after all the validation checks have performed, I want it so it sends all values from form1-form5. I have collected the values in JS function (functionFive();) through jQuery. How can I send these values to the phpPage.php ?

Remembering that we have fired the onclick event on b5 and, as the result, the functionFive has been called for validation checks. How do I send the values from here to php page?

Do all these forms have the same input names? (.e.g form1 has foo and form2 has foo, too? — Brad Christie
– Brad Christie, Commented Jan 10, 2013 at 20:04
@BlakePlumb, i have such a page where user can either add 1 item detail or 2 items detail or upto 8 items detail. so for each item, i have 1 form. If it selects 7 items, obviously i have to fetch the values of the previous 6 items detail. i get them in JS function, but could not push it to php page. — irshad.ahmad
– irshad.ahmad, Commented Jan 10, 2013 at 20:19

Diodeus - James MacFarlane · Accepted Answer · 2013-01-10 20:03:47Z

4

The answer is to use ONE FORM that encompasses all the values.

answered Jan 10, 2013 at 20:03

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

irshad.ahmad Over a year ago

this would be worst case for me, i have developed the whole application using multiple forms :(

Diodeus - James MacFarlane Over a year ago

You could write some JavaScript to collect all of the values and submit them into a hidden form, but in the long run that may not be the best way.

ravi404 Over a year ago

+1) atleast your comment should be enuff for him to accept this answer. But all values in one form would be the better way to do it

Dennis Martinez · Accepted Answer · 2013-01-10 20:05:22Z

0

Have you tried ajax?

var formData = {
    firstName: 'Dennis',
    lastName: 'Martinez'    
};

$.ajax({
    type: 'post',
    url: 'SOMEFILE.php',
    data: formData,
    success: function(e) {
        alert('success!');
    },
    error: function(e) {
        alert('there was an error!');
    }
});

answered Jan 10, 2013 at 20:05

Dennis Martinez

6,54311 gold badges53 silver badges71 bronze badges

1 Comment

Dennis Martinez Over a year ago

I would really go with @Diodeus answer, that is the proper way to do a form. If you really are using the above method to accomplish this please read the ajax documentation api.jquery.com/jQuery.ajax.

Collectives™ on Stack Overflow

Send Multiple Values from javascript function to PHP page

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related