Thanks
Thanks for the suggestion.
After a good night's sleep and squeezing my brain of every last drop I magically made it work.
Using the following html:
<td><form action="index.php?c=ref">
<select id="RLA" name="RLA" size="1" onchange="totalA(this.value);" >
<option value="">...</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
<select id="RLB" name="RLB" size="1" onchange="totalB(this.value);">
<option value="">Choose One...</option>
<option value="0.55">x4 @ $0.55 each</option>
<option value="1.00">x8 @ $1.00</option>
<option value="1.30">x13 @ $1.30</option>
</select>
<input type="button" class="butt2" value="Buy Now" />
</form></td>
<td>Total: <input id="showTB" name="showTB" type="text" value="$0.00" size="3" /></td>
with script:
var numA = 0;
function totalA(valA) {
if (valA) {
numA = Number(valA);
}
var tots = numB*numA;
document.getElementById("showTB").value = "$" + tots.toFixed(2);
}
var numB = 0;
function totalB(valB) {
if (valB) {
numB = Number(valB);
}
var tots = numB*numA;
document.getElementById("showTB").value = "$" + tots.toFixed(2);
}
By adding
var tots = numB*numA;
document.getElementById("showTB").value = "$" + tots.toFixed(2);
to both functions makes it work for changes in both dropdown menus and adds 2 decimal points.
For anyone else who wants to do that.
Simple is best :)