計算實時javascript值並傳遞給輸入字段，而不是textarea

Question

我有一個與此非常相似的代碼，執行計算並在 textarea 字段中顯示值。 我想知道如何將這些值傳遞給如下字段：

  <form role="form">
  <div class="form-group col-md-3">
  <label for="thingsId">Numbers of things</label>
  <input type="text" class="form-control" name="thingsName" id="thingsId"  >
  </div>

而不是這個：

<td><textarea row="1" type="number" id="thingsId" name="thingsName"></textarea></td>

此代碼使用完全相同的條件，但我想要一個不在 textarea 中的結果

http://jsfiddle.net/1wrnL3jp/5/討論主題： 使用 onfocus 從其他值計算表單字段輸入值

Answer 1

你的問題表述得很糟糕。

我看着你的小提琴，你正在設置 textarea 的innerHTML。 您應該設置 textarea 的值。 請在 w3schools 或 mdn 上投入更多時間。

我希望這有幫助，祝你好運！

Answer 2

解決了從 document.getElementById ('thingsID') 改變的問題。 InnerHTML 到 document.getElementById ('thingsID').value

在示例中：

function myCalc() {
var num1 = document.getElementById('WG_Collected').value;
var num2 = document.getElementById('Proof').value;
var PG_Collected = parseFloat(num1) * parseFloat(num2)/100;
document.getElementById('PG_Collected').innerHTML = PG_Collected.toFixed(2);
}

document.getElementById("WG_Collected").addEventListener("change", myCalc, true);
document.getElementById("Proof").addEventListener("change", myCalc, true);

改成：

function myCalc() {
var num1 = document.getElementById('WG_Collected').value;
var num2 = document.getElementById('Proof').value;
var PG_Collected = parseFloat(num1) * parseFloat(num2)/100;
document.getElementById('PG_Collected').value= PG_Collected.toFixed(2);//().value//
}

document.getElementById("WG_Collected").addEventListener("change", myCalc, true);
document.getElementById("Proof").addEventListener("change", myCalc, true);