如何使用 JavaScript 向输入字段添加值？

Question

我正在构建一个表单，并希望使用 Google 的地理定位 API 将用户的坐标自动填充到其中一个字段中。我为此只使用一个输入，因为两个坐标一起返回。文本字段将是只读的，因此用户不能更改该值。到目前为止，我的代码无法正常工作....有什么建议吗？

代码：

<input type="text" id="cor" readonly placeholder="coordinates">
<input class="ra26" type="button" value="View Coordinates" Onclick="getLocation()">
<script> var x = document.getElementById("cor");
function getLocation() {
   if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition, showError);
   } else {
      x.innerHTML = "Geolocation is not supported by this browser.";
   }
}

function showPosition(position) {
    x.innerHTML = "Lat: " + position.coords.latitude +
     "<br>Lon: " + position.coords.longitude;
}

 function showError(error) {
    switch (error.code) {
       case error.PERMISSION_DENIED:
           x.innerHTML = "User denied the request for Geolocation."
           break;
       case error.POSITION_UNAVAILABLE:
           x.innerHTML = "Location information is unavailable."
           break;
       case error.TIMEOUT:
           x.innerHTML = "The request to get user location timed out."
           break;
       case error.UNKNOWN_ERROR:
           x.innerHTML = "An unknown error occurred."
           break;
    }
 }
 </script>

Answer 1

输入字段没有 innerHTML 属性。

将所有出现的 innerHTML 更改为 value，如下所示：

x.value= "Geolocation is not supported...";

供参考： http://www.w3schools.com/jsref/prop_text_value.asp

另一方面，您可以将其显示在 div 或 p 标签中，如下所示：

<div id="cordiv"></div>
<script>

var x = document.getElementById("cordiv");
function getLocation() {
   if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition, showError);
   } else {
      // now x refer's to a div-element, so you can make use of the innerHTML-Property:
      x.innerHTML = "Geolocation is not supported by this browser.";
   }
 }

 // ...rest of your code here

</script>

Answer 2

尝试

if (typeof navigator.geolocation != 'undefined')

2.

showPosition(), showError()需要一个参数

如何使用 JavaScript 向输入字段添加值？

How do I add values to input fields using JavaScript?

javascript

forms

location

input