【问题标题】:Two text inputs values are updated, one is still blank两个文本输入值已更新,一个仍为空白
【发布时间】:2017-08-04 20:27:16
【问题描述】:

在我看来,我有两个文本输入字段。每个都嵌入在他们的段落中。

<p><input id="filterNearbyLatitude" name="filterNearbyLatitude" type="text" class="form-control numeric" placeholder="Latitude"/></p>
<p><input id="filterNearbyLongitude" name="filterNearbyLongitude" type="text" class="form-control numeric" placeholder="Longitude"/></p>

当我尝试确定用户的坐标时,如果用户同意,则收集坐标:

$(function () {
    navigator.geolocation.getCurrentPosition(showPosition, positionError);

    function showPosition(position) {
        var coordinates = position.coords;
        derivedLatitude = coordinates.latitude;
        derivedLongitude = coordinates.longitude;
        $('#filterNearbyLatitude').val(derivedLatitude);
        $('#filterNearbyLongtitude').val(derivedLongitude);
        console.log('Derived Coordinates: Lat:' + derivedLatitude + ' Lng:' + derivedLongitude);
    }

    function positionError(position) {
        derivedLatitude = 0;
        derivedLongitude = 0;
        $('#filterNearbyLatitude').val();
        $('#filterNearbyLongtitude').val();
        console.log('Derived Coordinates Failed');
    }
});

一切似乎都如我所愿,提示用户允许确定他们的位置,设置变量 derivedLatitude 和 derivedLongitude,并写入控制台消息。

Derived Coordinates: Lat:39.747606140632754 Lng:-84.1504838931303

问题是当这两个变量(derivedLatitude 和 derivedLongitude)被设置为两个文本输入中的值时。纬度已设置,但经度始终为空白。

我不知道为什么只有一个字段正在更新。第二双眼睛将不胜感激。

【问题讨论】:

  • filterNearbyLongtitude 错字,额外的 t

标签: jquery html geolocation


【解决方案1】:

@Taplar 能够发现忽略了几个小时的错字。

【讨论】:

  • 如有疑问,console.log($(selector).length) 可以让您知道您的选择器是否在您尝试使用它的时间点找到它正在寻找的内容。然后试图弄清楚为什么它是0,:)
【解决方案2】:

您使用了错误的 ID。请更新到这行代码。

$('#filterNearbyLongitude').val(derivedLongitude);

$('#filterNearbyLongitude').val();

【讨论】:

    猜你喜欢
    • 2023-03-23
    • 2017-12-27
    • 1970-01-01
    • 2020-09-04
    • 1970-01-01
    • 1970-01-01
    • 2020-02-22
    • 1970-01-01
    • 2016-10-13
    相关资源
    最近更新 更多