从跨度到输入动态地操纵值（不变）？

Question

我正在开发一个表单，该表单的输入称为“净值”，并且在该输入下方有一个嵌入式小部件，您可以选择货币并插入预算，然后将其转换为所需的货币。看起来像这样：

您可以在线检查窗口小部件here。

因此，我希望每当结果更改（ onChange ）时，我的输入字段值也会更改。结果在具有＃result-fit ID的 span 中，而我的 input 框是 #netWorthValue ， 我进行了很多搜索并尝试一些最佳实践，但是仍然无法弄清。 Stackoverflow中最相关的问题是this问题，但不幸的是，它无济于事，我已经测试了这段代码，并且没有从span中检索值（也许是因为它位于嵌入式表单中？）

var value = $("#result-fit").text();
var lower = $("#netWorthValue").val(value);
alert(lower.val());
var value = $("#result-fit").text();
var lower = $("#netWorthValue").val(value);
alert(lower.val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

  <p>Your personal net worth</p>


  <div class="input-group">
    <label>Amount in CDN (Canadian dollar):</label> <input type="number" class="form-control" name="netWorth" title="networth" id="netWorthValue">




    <!-- START CODE Attention! Do not modify this code; -->
    <script>
      var fm = "EUR";
      var to = "CAD";
      var tz = "timezone";
      var sz = "1x1";
      var lg = "en";
      var st = "info";
      var lr = "0";
      var rd = "0";
    </script>
    <a href="https://currencyrate.today/converter-widget" title="Currency Converter">
      <script src="//currencyrate.today/converter"></script>
    </a>
 
  </div>

Answer 1

收听输入的更改并写入“＃result-fit”跨度。

$(document).ready(function(){
    $("#result-fit").on("change", function(e){
       $("#netWorthValue").text($(this).val());    
    })
})