0

我有一个表格，可以捕获您的坐标并发送到服务器以获取邮政编码和退货。

单击获取位置后，您会看到一个弹出字段，我希望结果转到表单字段。

JAVASCRIPT

    function showLocation(position) {
 var latitude = position.coords.latitude;
 var longitude = position.coords.longitude;
  $.getJSON('http://www.uk-postcodes.com/latlng/' + position.coords.latitude + ',' + position.coords.longitude + '.json?callback=?', null, gotpostcode);
}

function errorHandler(err) {
  if(err.code == 1) {
    alert("Error: Access is denied!");
  }else if( err.code == 2) {
    alert("Error: Position is unavailable!");
  }
}


function gotpostcode(result)
{
  var postcode = result.postcode;
    $("#postcodegoeshere").val(postcode);
}

function getLocation(){

   if(navigator.geolocation){
      // timeout at 60000 milliseconds (60 seconds)
      var options = {timeout:60000};
      navigator.geolocation.getCurrentPosition(showLocation, 
                                               errorHandler,
                                               options);
   }else{
      alert("Sorry, browser does not support geolocation!");
   }
}

HTML

  <body>
<form>
     <input type="button" onclick="getLocation();"  
                             value="Get Location"/>

   </form>
   <div>
   <input id='postcodegoeshere' name='xxx' type='text' value='' />
</div>
</body>
4

1 回答 1

1

您必须使用 jQuery 选择器。然后，您可以使用输入将其放入元素中.html(postcode)或输入（但不是复选框、单选框或按钮）中.val(postcode)

function gotpostcode(result)
{
  var postcode = result.postcode;
  $('#postcodegoeshere').html(postcode);
}

关于选择器的信息http://api.jquery.com/category/selectors/，我在这段代码中使用了 ID 选择器。

更改元素中的 html http://api.jquery.com/html/

更改输入值http://api.jquery.com/val/

于 2013-05-02T19:10:04.743 回答