为什么<INPUT>不能在可以的时候获取我的信息<P>

Question

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

P 区域有效，但我无法让它与 INPUT 一起工作。

请参阅下面的工作照片。 工作 p 的

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

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

请参阅下面的照片，当我单击地图时，它在Google开发人员工具中工作和更新

下面的所有 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

将文本内容更改为谷歌地图标记中的值

步骤 2

在您的表单中为其添加新的唯一 ID 引用

步骤 3

如果删除 P，输入将再次停止工作。 您还必须删除输入 P 的谷歌地图部分，以便输入重新开始。

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

}

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