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

Question

我正在尝试用地理位置查询的结果填充两个字段。这是我写的第一个 javascripts。

这是我当前的代码：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);