在输入值中添加ID码 - javascript

我有这个用于显示地理位置的html代码：

<span id="currentLat"></span>, <span id="currentLon"></span>

结合javascript代码，即可完美运行。
问题是我想在文本字段中显示以上值。

我确实尝试过：

<input id="" value="<span id="currentLat"></span>, <span id="currentLon"></span>" size="30" />

但这给了我错误。我如何将值添加到文本字段值？

注意：

我添加了用于确切知道代码出了什么问题的javascript代码，但也许代码无法在文本输入字段中工作。

<script>
      window.onload = function() {
        var startPos;

        if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(function(position) {
            startPos = position;
            document.getElementById("startLat").innerHTML = startPos.coords.latitude;
            document.getElementById("startLon").innerHTML = startPos.coords.longitude;
          }, function(error) {
            alert("Error occurred. Error code: " + error.code);
            // error.code can be:
            //   0: unknown error
            //   1: permission denied
            //   2: position unavailable (error response from locaton provider)
            //   3: timed out
          });

          navigator.geolocation.watchPosition(function(position) {
            document.getElementById("currentLat").innerHTML = position.coords.latitude;
            document.getElementById("currentLon").innerHTML = position.coords.longitude;
            document.getElementById("distance").innerHTML =
              calculateDistance(startPos.coords.latitude, startPos.coords.longitude,
                                position.coords.latitude, position.coords.longitude);
          });
        }
      };

      // Reused code - copyright Moveable Type Scripts - retrieved May 4, 2010.
      // http://www.movable-type.co.uk/scripts/latlong.html
      // Under Creative Commons License http://creativecommons.org/licenses/by/3.0/
      function calculateDistance(lat1, lon1, lat2, lon2) {
        var R = 6371; // km
        var dLat = (lat2-lat1).toRad();
        var dLon = (lon2-lon1).toRad();
        var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
                Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) *
                Math.sin(dLon/2) * Math.sin(dLon/2);
        var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
        var d = R * c;
        return d;
      }
      Number.prototype.toRad = function() {
        return this * Math.PI / 180;
      }
    </script>

参考方案

更新后查看运行代码

<input value='<span id=\"currentLat\"></span>, <span id=\"currentLon\"></span>' size="30" />

 <input value="<span id='currentLat'></span>, <span id='currentLon'></span>" size="30" />

如果要设置宽度和高度，则应该

  style="height:100px;width:200px"

选择后显示输入元素 - javascript

我有一个表格，其中取决于用户的选择，输入元素是否可见。实际上，用户正在以另一种形式设置已定义的合作伙伴类型，并且如果选中该元素，则允许在该类型的合作伙伴上可见的元素类型1将显示以下元素：<input type="text" id="partner" name="partner" class=&…

JavaScript将PHP中的字符串和整数传递给函数 - javascript

我正在尝试将字符串和整数都传递到同一函数中，但是引号引起了问题。我发现错误出在echo $q->info部分，我必须在此代码上使用双引号。有人可以帮我写这个$q->info，但不能获得真正的价值吗？到目前为止，我的代码是<td><a href="javascript:add(<?php echo $q->i…

淘汰赛在金字塔中的行为不正确 - javascript

我正在使用Pyramid构建一个Webapp，但是Knockout的行为有所不同。我有一个表格： <div data-bind="with: $root.itemToAdd" style="display: none;"> <form data-bind="submit: $root.add…

在PHP文件中调用javascript函数并在加载HTML文件之后？ - javascript

我需要在我的php中调用js函数，但无法正常工作。有人可以告诉我我在做什么错吗？我该如何轻松地做到这一点？谢谢！我有三个文件：  mail.php负责发送$ _POST的内容（工作正常）。我调用我的javascript函数来切换模式，具体取决于邮件是否已发送。 <? ... $response = $sendgrid->send($email);…

在javascript中设置计时器后更改文本 - javascript

我需要一些代码帮助，因为我在设置计时器时遇到了更改文本的问题。当我单击一个按钮时，它将禁用该按钮，它将在我启动计时器3秒钟时更改文本，然后启用它并将文本更改回原来的位置。当我尝试这个：<button name="btn1" id="btn1" type="submit" class="…