另一个字段更改的HTML表单字段更新

Question

我有一个表单，根据用户离开每个字段时在表单上输入的字段值更新总计。 这工作正常，但我也想更新其中一个输入字段，这是另一个的百分比。

我有我的js

var theForm = document.forms[frm];
var eTotal = theForm.elements["Total"];
var ePremium = theForm.elements["Premium"];
if (eTotal.value > 0) {
    var PremAmount = parseFloat(eTotal.value * ePremium.value / 100);
}
var divobj = document.getElementById('PremAmount');
divobj.innerHTML = PremAmount.toFixed(2);

用

调用

onblur="addPrem('totals')"

MySQL表中总计字段中的原始值为770.00 我的php脚本生成以下html

<input name="PremAmount" tabindex="1" class="ent" id="PremAmount" size="2" value="77.00">

当我将总数改为888.00时，我得到以下内容

<input name="PremAmount" tabindex="1" class="ent" id="PremAmount" size="2" value="77.00">88.80</input>

所以看起来它正在工作但是写一个div而不是写入字段本身

任何人都可以帮我这个吗

Answer 1

请勿设置innerHTML，请设置value

var theForm = document.forms[frm];
var eTotal = theForm.elements["Total"];
var ePremium = theForm.elements["Premium"];
if (eTotal.value > 0) {
    var PremAmount = parseFloat(eTotal.value * ePremium.value / 100);
}
var divobj = document.getElementById('PremAmount');
divobj.value = PremAmount.toFixed(2);