Question

我有两个文本框，我希望用户填写地理位置数据（纬度和经度）。我想要一个按钮，所以当用户点击它时，文本框会立即填充地理定位数据。

感谢w3schools，我可以将两个段落标签中的文本替换为位置，但我希望按钮填满文本框。这就是我现在拥有的。有人有答案吗？

<!DOCTYPE html>
<html>
<body>

<form>
Latitude: <input type="text" name="Latitude" /> <br />
Longitude: <input type="text" name="Longitude" />
</form>

<button onclick="getLocation()">Get Location</button><input type="submit" value="Submit" />

<p id="demo">Click the button to get your coordinates:</p>
<p id="demo2">Click the button to get your coordinates:</p>

<script>
var x=document.getElementById("demo");
var y=document.getElementById("demo2");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML=position.coords.latitude;  
  y.innerHTML=position.coords.longitude;    
  }
</script>

</body>
</html>

Answer 1

你并没有真正说出问题是什么，但据我所知，innerHTML只适用于FF而不是IE。尝试：

function showPosition(position) {
  x.value=position.coords.latitude;  
  y.value=position.coords.longitude;    
}

获取纬度/经度按钮以填充输入框

1 个答案: