Question

我有一个有效的Code-pen，计算结果显示在输入字段SPAN的旁边。我试图从SPAN获取该计算值并覆盖输入字段。

 <!-- Include this line of code --><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txtx1" /><br />
<span id="txtSpan"></span>
<input type="button" value="Appended-textBox" id="Btn3" />

和JS

 $(document).ready(function() {
      $('#Btn3').click(function() {
        var txtvalue = $('#txtx1').val();
        $("#txtSpan").text(txtvalue);
        console.log(txtvalue);
      });
    });

上面的工作我只是想通过改变SPAN值来设置Input。

有什么方法可以用计算出的SPAN值覆盖输入框，并将最终的SPAN结果写入输入（ID = GrandTotal），

<div>
  <label class="description" for="Coconut">Coconut</label>
  <input id="Coconut" name="Coconut" class="element text medium" type="text" maxlength="255" value="10" readonly="true"/>
</div>


<div>
  <label class="description" for="GrandTotal">Grand Total</label>
  <input id="GrandTotal" name="GrandTotal" class="element text medium" type="text" maxlength="255" value="" readonly="true"/>
</div>

非常感谢，很抱歉浪费您的时间。非常感谢

https://codepen.io/dunya/pen/mojKNz

Answer 1

我设法通过添加以下行来修复它：请检查笔上方的工作版本。

$('#GrandTotal').val(parseInt($(this).html()));

当我尝试

$('#GrandTotal').val(sum);

它给了我错误的计算结果。

使用SPAN值设置/绑定输入值

1 个答案: