Form submit with hidden fields

Question

I've got a form with 2 Hidden Fields and i want , when i hit the submit button to fill the fields with my script before sending it . My form looks like this :

<form method = "post" action = "Submit.php">
<input type="text" value="" >
...
<input type"hidden" value="" >
<input type"hidden" value="" >

<input type="submit" value="Sendme">

<script > //do something before send form </script>

The problem is that ive got a field at the end of my form and i need the value of it to fill the hidden fields with some calculation based on his value before the form is submitted.

Possible duplicate of [How to do something before on submit?](http://stackoverflow.com/questions/8053394/how-to-do-something-before-on-submit) — Phiter, Sep 22 '16 at 11:04

score 3 · Accepted Answer · answered Sep 22 '16 at 11:15

3

As per your question, I assumed that you want to set the values for hidden fields based on the calculation done on the entered value for a first text-box.

You can use the change method of the text-box to set the values of hidden fields, once you submit that will give you values of all the fields.

<input type="text" value="" id="inputBox">

<input type="hidden" value="" id="hidden1">
<input type="hidden" value="" id="hidden2">

$('#inputBox').change(function(){
   var value = $(this).val() + 10;
   $('#hidden1').val(value);
};

answered Sep 22 '16 at 11:15

Mohit Tanwani

6,608
2
14
32

You're a king. Thanks a lot :). – Random_Display_Name Sep 22 '16 at 12:03
@Random_Display_Name : , No problem, Glad to hear that :) – Mohit Tanwani Sep 22 '16 at 12:04

Form submit with hidden fields

1 Answers1