当<p>可以

Question

我正在尝试获取一些输入代码，以便根据函数elswhere更新值。

P区域有效，但我无法使用INPUT。

请看下面这张照片的照片。 Working p's

它基本上是从谷歌地图中拉出坐标。 我知道谷歌地图部分是正确的，因为它与P的工作。

我还打算将来隐藏输入类型。 并完全删除P.

请点击下面的图片，点击地图

，点击谷歌开发者工具中的工作和更新照片

所有p以下工作

<!--    Map slot-->
<div id="map" style="Width:100%;height:350px;"></div>

<!--Lat and lng-->
<p id="location"></p>
<input id="location" type="hidden" name="location">

<p id="lat"></p>
<input id="lat" type="hidden" name="lat">

<p id="lng"></p>
<input id="lng" type="hidden" name="lng">

这是谷歌地图中的标记位，我把它拉出来。

<script>


function placeMarker(location) {

if ( marker ) {
  marker.setPosition(location);
} else {
  marker = new google.maps.Marker({
    position: location,
    map: map,
    animation:google.maps.Animation.BOUNCE
  });
}

document.getElementById('location').textContent = location.toString(); // get lat and long in 1
document.getElementById('lat').textContent = location.lat(); // get latitude
document.getElementById('lng').textContent = location.lng(); // get longitude
}

</Script>

Answer 1

<input>（HtmlInputElement）没有.textContent属性，因为它没有子节点。改为设置.value属性。

此外，您的id=""属性在页面中必须是唯一的。每个id=""值只有一个元素。

document.getElementById('location').value = location.toString(); 

Answer 2

第1步

将google地图标记中的textContent更改为值

第2步

在表单中为其提供新的唯一ID引用

第3步

如果删除Ps，输入将再次停止工作。 您还必须删除谷歌地图部分，以便为重新启动输入提供支持。

＆＃13;

＆＃13;

  function placeMarker(location) {
    if ( marker ) {
      marker.setPosition(location);
    } else {
      marker = new google.maps.Marker({
        position: location,
        map: map,
//          Animation of marker
        animation:google.maps.Animation.BOUNCE
      });
    }
//    This gets the full lat and long
  document.getElementById('location').textContent = location.toString(); // get lat and long in 1
  document.getElementById('lat').textContent = location.lat(); // get latitude
  document.getElementById('lng').textContent = location.lng(); // get longitude
   
      //    This gets the full lat and long
  document.getElementById('location2').value = location.toString(); // get lat and long in 1
  document.getElementById('lat2').value = location.lat(); // get latitude
  document.getElementById('lng2').value = location.lng(); // get longitude

  
  }

＆＃13;

    <p id="location"></p>
    <input id="location2" type="hidden" name="location">
    
    <p id="lat"></p>
    <input id="lat2" type="hidden" name="lat">
    
    <p id="lng"></p>
    <input id="lng2" type="hidden" name="lng">

＆＃13;

＆＃13;

＆＃13;