Getting JavaScript data calculated from an HTML form, and adding it to the same form action as a new element to save with PHP

Question

This is the form:

<form role="form" action="<?php echo $action; ?>" name="send_request" method="post" onsubmit="calcDist();" id="send_request">
  <div class="content">
    <div class="form-group">
      <input type="text" id="input-from" class="form-control" name="from" placeholder="<?php echo $entry_from; ?>" />
      <input type="text" id="input-to" class="form-control" name="to" placeholder="<?php echo $entry_to; ?>" />
      <input type="hidden" class="form-control" name="kmdist" value="">
    </div>
    <input type="submit" value="<?php echo $button_send; ?>" class="btn btn-default" />
  </div>
</form>

I'm computing the distance in calcDist(); between the given cities from the text inputs on submit and save the cities to the database through the form action, but I don't know how to add that distance variable to the post data array before the actual saving action.

Do not use enctype="multipart/form-data" when not uploading files. — developerwjk
– developerwjk, Commented Feb 26, 2015 at 21:54

GluePear · Accepted Answer · 2015-02-26 21:57:55Z

1

Just set the value of the hidden field kmdist in calcDist():

HTML:

<input type="hidden" class="form-control" name="kmdist" id="kmdist" value="">

Javascript:

document.getElementById('kmdist').value = calculatedDistance;

answered Feb 26, 2015 at 21:57

GluePear

7,77321 gold badges72 silver badges127 bronze badges

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

1 Comment

smolik Over a year ago

Thanks, I've tried, but it's not in the post array.

Collectives™ on Stack Overflow

Getting JavaScript data calculated from an HTML form, and adding it to the same form action as a new element to save with PHP

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related