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