从HTML表单中获取计算得到的JavaScript数据,并将其作为新元素添加到相同的表单操作中以使用PHP保存


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

这是形式:

<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>

我正在根据提交时的文本输入计算calcDist();中给定城市之间的距离,并通过表单操作将城市保存到数据库中,但我不知道如何在实际保存操作之前将该距离变量添加到post数据数组中。

只需在calcDist():中设置隐藏字段kmdist的值

HTML:

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

Javascript:

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