两个文本输入值被更新，一个仍然为空

在我看来，我有两个文本输入字段。每个嵌入其段落中。两个文本输入值被更新，一个仍然为空

<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）被设置为两个文本输入中的值时。纬度被设置，但经度总是空白。

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

来源

2017-08-04 Andy Evans

'filterNearbyLongtitude'错字，多牛逼 – Taplar

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

来源

2017-08-04 20:31:20

有疑问时，'的console.log（$（选择）。长度）'可以让你知道，如果你的选择是找到它所在的时间寻找在该点你正在尝试使用它。接着试图找出它为什么是0，:) – Taplar

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

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

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

来源

2017-08-04 20:34:14

两个文本输入值被更新，一个仍然为空

回答

相关问题