Anzeige der aktuellen Position des Benutzers als Wert der Textbox

Question

Ich habe hier einen Code, der den aktuellen Standort des Benutzers anzeigt, dieser Code funktioniert bereits. Mein Problem ist, wie man die ID "#location" als den Wert für meine Textbox in HTML-Formular setzt, so dass der aktuelle Standort in ein Textfeldformular eingefügt wird.

$(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

Wenn die Ajax-Anforderung korrekt funktioniert (wir wissen nicht, welche Art von Daten sie zurückgibt), wenn das Problem in der falschen Wahl der Methode ist . Verwenden Sie .val() anstelle von .html(), da Sie HTML input nicht einfügen können.

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