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

Question

形式如下：

<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();计算距离calcDist(); 从文本输入中输入给定城市之间的距离，然后通过表单操作将城市保存并保存到数据库中，但是我不知道如何在实际保存操作之前将距离变量添加到发布数据数组中。

Answer 1

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

HTML：

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

使用Javascript：

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