Add post variable value on form submit using jquery

Question

I have to send some POST variables with values when submitting the form. I have to send variable_1 and variable_2

In result.php I need to get the value of $_POST['variable_1'] and $_POST['variable_2']. How can I do this?

<form action="result.php" method="post">      
  <input type="submit" name="submit">
</form>

$('form').submit(function () { 
  var variable_1 = "test";
  var varible_2 = "test2";       
});

Please help.

Assuming you're not using AJAX, add the values in hidden input fields within the form — Rory McCrossan
– Rory McCrossan, Commented Jun 28, 2018 at 13:16

Wheels73 · Accepted Answer · 2018-06-28 13:37:51Z

2

I achieve what you need using the below.

Add a form and tag with an id. Add a standard button for submitting the form.

   <form id="frMyForm" method="post">      
        <input id="btnSubmit" type="button" name="submit">
    </form>

Next capture the submit buttons click event, append the extra info to the form, then post the form data to the desired Controller/Action.

$(document).on("click", "#btnSubmit", function () {
    //Serialize Form
    var myData = $('#frMyForm').serialize();

    //Append custom value
    var variable_1 = "test";
    myData = myData + "&var1=" + variable_1; //You could get this from a hidden field perhaps.

        $.ajax({
            type: "POST",
            url: "/Controller/Action",
            data: myData
        });
    });

Hope that helps

answered Jun 28, 2018 at 13:37

Wheels73

2,9001 gold badge14 silver badges20 bronze badges

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

1 Comment

Chayim Friedman Over a year ago

or use JSON, it's nice

Abilash Erikson · Accepted Answer · 2018-06-28 13:52:16Z

1

i got the answer for my question

$('form').submit(function () {
    var input = $("<input>")
                   .attr("type", "hidden")
                   .attr("name", "variable_1").val("test1");
    var input_2 = $("<input>")
                   .attr("type", "hidden")
                   .attr("name", "variable_2").val("test2");
    $('form').append($(input));
    $('form').append($(input_2));
});

answered Jun 28, 2018 at 13:52

Abilash Erikson

3415 gold badges32 silver badges61 bronze badges

Comments

Janki Rathod · Accepted Answer · 2018-06-28 13:44:00Z

0

You can Use These :

<form action="result.php" method="post">
      <input type="hidden" name="variable_1" value="test">
      <input type="hidden" name="variable_2" value="test2">
      <input type="submit" name="submit">
    </form>

answered Jun 28, 2018 at 13:44

Janki Rathod

1076 bronze badges

Collectives™ on Stack Overflow

Add post variable value on form submit using jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related