另一个字段更改的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时，我得到了fo llowing

<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);