JavaScript function only works in Internet Explorer but not Firefox

[miked13]

I have 4 textfields labeled "qtyA","qtyB"," qtyC" and "GrandTotal ". I have my calculate() function run Onchange of any of the "qty" fields and it displays it in "GrandTotal ". I am trying to get my code to work on browsers other than IE but I am at a loss with everything I have tried.

function calculate()
{
totalcost = (document.orderform.getElementById("QtyA").value * "11")+
document.getElementById("QtyB").value * "22" + (document.getElementById("QtyC").value * "33") ;
var result = totalcost.toFixed(2);
document.getElementById("GrandTotal").value = result
}

Any help would be appreciated.

[Atli]

Hi.

How exactly do your textfields look like?
I ask because IE incorrectly uses the "name" attribute of elements when searching with document.getEle mentById.
If you fields use name rather than id, then that may be your problem.

I also notice you do calculations like so:

element.value * "11";
 

It seems odd to me to deliberately use a string for calculations.
Converting the value into a number, rather than the number into a string would make much more sense:

parseInt(element.value) * 11;