獲取緯度/經度按鈕以填充輸入框

我有兩個文本框，我希望用戶填充地理位置數據（經度和緯度）。我想要一個按鈕，所以當用戶點擊它時，文本框會立即填入地理位置數據。獲取緯度/經度按鈕以填充輸入框

感謝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>

來源

2012-01-30 StoneRanger

你不是真的在說什麼問題，但據我所知innerHTML只適用於FF而不適用於IE。請嘗試：

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

來源

2012-01-30 17:03:01 Pieter

對不起，但您的解決方案工作！將innerHTML更改爲值，然後將id =「demo」屬性移動到標籤將緯度/經度數據存入輸入框。謝謝！ – StoneRanger 2012-01-30 17:06:04

獲取緯度/經度按鈕以填充輸入框

回答

相關問題