如何在JS和PHP中獲取隱藏字段的值

Question

我有一個表格，可以通過PHP向我發送一些數據。 我想在PHP請求中添加緯度和經度。 我的老師告訴我將腳本放入隱藏的輸入中，以獲取“地址”的值，並在PHP請求期間將其更改為“緯度和經度”（使用我已經做過的腳本）。 我不知道如何執行此操作，因此，如果有人可以幫助我或向我解釋如何，它將對我有很大幫助。 謝謝

<div id="content">
  <form id="theForm" method="post" action="index.php" enctype="multipart/form-data">
  <h1>Déposez votre image!</h1>
    <div>
    <!--subname-->
      <input type="text" name="subname" id="input-text" placeholder="Titre de la photo" required>
    </div>
    <div>
    <!--adress-->
      <input type="text" name="adress" id="input-text" placeholder="Adresse" required>
    </div>
    <div>
    <!--image-->
      <input type="file" name="image" required>
    </div>
    <div>
    <!--about-->
      <textarea name="about" cols="40" rows="4" placeholder="Description de l'image" required></textarea>
    </div>
      <input type="submit" name="upload" value="Upload Image">
    </form>
  </div>
<script>
            var getLocation = function (address) {
                var geocoder = new google.maps.Geocoder();
                geocoder.geocode({
                    'address': address
                }, function (results, status) {

                    if (status == google.maps.GeocoderStatus.OK) {
                        var latitude = results[0].geometry.location.lat();
                        var longitude = results[0].geometry.location.lng();
                        console.log(latitude, longitude);
                    }
                });
            }
      getLocation('');
</script>

Answer 1

在<form>內為la和lon創建2個type=hidden inputs ，如下所示：

<input type="hidden" id="lat" value="" />
<input type="hidden" id="lon" value="" />

在JS中，將值分配給這些隱藏的緯度輸入，如下所示：

var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();

document.getElementById('lat').value = latitude;
document.getElementById('lon').value = longitude;

除此之外，您還可以更正HTML。 不能有2個具有相同ID元素。 您已將id="input-text"用於2個輸入字段。 ID屬性應該是唯一的。 您可以將其分別更改為id="subname"和id="address" 。