テキストボックスの値としてユーザーの現在の場所を表示

Question

私はここにユーザーの現在の場所を表示するコードがあります。このコードは既に動作しています。私の問題は、id "#location"を現在の場所がテキストボックス形式になるようにHTMLフォームのテキストボックスの値として配置する方法です。

$(document).ready(function(){ 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(showLocation); 
    } else { 
     $('#location').html('Geolocation is not supported by this browser.'); 
    } 
}); 

function showLocation(position) { 
    var latitude = position.coords.latitude; 
    var longitude = position.coords.longitude; 
    $.ajax({ 
     type:'POST', 
     url:'../geo/getLocation.php', 
     data:'latitude='+latitude+'&longitude='+longitude, 
     success:function(msg){ 
      if(msg){ 
       $("#location").html(msg); 
      }else{ 
       $("#location").html('Not Available'); 
      } 
     } 
    }); 
} 

HTML：

Location: <input id="location" type="text" value="" size="50"> 
<br> 

Answer 1

問題は方法の間違った選択であるときにAjaxのリクエストは、（我々はそれが返すデータの種類を知りません）正常に動作する場合。 .html()の代わりに.val()を使用すると、inputの内部にhtmlを挿入できないためです。

if (msg) { 
    $("#location").val(msg); 
} else { 
    $("#location").val('Not Available'); 
}