Question

Html代码

<html>

<body>

<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<script>

var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude;

}
</script>
<input  name="x.innerHTML" id="x.innerHTML" required value="">
</body>
</html>

纬度：31.554606099999994经度：74.3571581 我必须在提交时使用输入法将这些值存储在数据库中。

Answer 1

<html>

<body>

<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>
<form action="insert_in_db.php">
    <input name="geoData" id="inputId" required value="">
    <input type="submit" value="Submit">
</form>

<script>

var x = document.getElementById("inputId");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        x.value = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    x.value = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude;

}
</script>

</body>
</html>

我如何使用<input />方法在数据库中存储经度和纬度值

1 个答案: