javascript - 使用地理位置坐标填充字段

Question

我正在尝试使用地理位置查询的结果填充两个字段。这是我编写的第一个 JavaScript 代码之一。

这是我当前的代码:http://jsfiddle.net/spadez/aGupn/2/

$(function (getLocation) {

    var Geo = {};

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(success, error);
    }

    //Get the latitude and the longitude;
    function success(position) {
        Geo.lat = position.coords.latitude;
        Geo.lng = position.coords.longitude;
        populateHeader(Geo.lat, Geo.lng);
    }

    function error() {
        console.log("Geocoder failed");
    }

    function populateHeader(lat, lng) {
        $('#lat').html(lat);
        $('#lng').html(lng);
    }

});

我哪里出错了？

Answer 1

这是因为您使用的是 input.html(...) 而不是 input.val(...)。 input.html(...) 设置元素的 innerHTML 属性。但是，这不是设置输入元素值的方式。您想要设置 value 属性/属性，因此请使用 input.val(...)。

FIDDLE

$('#lat').val(lat);
$('#lng').val(lng);