Retaining Selected Value OnChange

[rk330]

Greetings

I have a drop down list populated by my sql server database. The data on this ASP page consists of numbers that I use to calculate a grand total. This is performed by a javascript function. See below...
function CalculateGrandT otal(SubTotal, ServiceFee)
{
var shippingSelect = document.getEle mentById('shipp ing');
var shippingRequest ed = shippingSelect. options[shippingSelect. selectedIndex].value;
var grandTotal = Number(shipping Requested) + Number(ServiceF ee) + Number(SubTotal );
return grandTotal.toFi xed(2)
}

This function is called once on the page in the following format...
<script type="text/javascript">
document.write( '$' + CalculateGrandT otal(999,999))
</script>

This function works fine for me, until I change the drop down value. At that point, I need an onchange event to refresh the page which will then recalculate a different grand total because the selected value for the drop down will be different. The only problem is when I refresh the page, the drop down value defaults back to the top value.

What should I do that will allow me to mantain the selected value in the drop down which will allow my function to calculate an accurate grand total.

Thanks in advance

[b1randon]

Greetings

I have a drop down list populated by my sql server database. The data on this ASP page consists of numbers that I use to calculate a grand total. This is performed by a javascript function. See below...
function CalculateGrandT otal(SubTotal, ServiceFee)
{
var shippingSelect = document.getEle mentById('shipp ing');
var shippingRequest ed = shippingSelect. options[shippingSelect. selectedIndex].value;
var grandTotal = Number(shipping Requested) + Number(ServiceF ee) + Number(SubTotal );
return grandTotal.toFi xed(2)
}

This function is called once on the page in the following format...
<script type="text/javascript">
document.write( '$' + CalculateGrandT otal(999,999))
</script>

This function works fine for me, until I change the drop down value. At that point, I need an onchange event to refresh the page which will then recalculate a different grand total because the selected value for the drop down will be different. The only problem is when I refresh the page, the drop down value defaults back to the top value.

What should I do that will allow me to mantain the selected value in the drop down which will allow my function to calculate an accurate grand total.

Thanks in advance

[HTML]
<select onchange="Calcu lateGrandTotal( this.value,999) ;"></select>
Grand total: $<div id="total"></div>
[/HTML]
&

function CalculateGrandTotal(SubTotal, ServiceFee)
{
    var shippingSelect = document.getElementById('shipping');
    var shippingRequested = shippingSelect.options[shippingSelect.selectedIndex].value;
    var grandTotal = Number(shippingRequested) + Number(ServiceFee) + Number(SubTotal);
    document.getElementById('total').innerHTML = grandTotal.toFixed(2);
}
 

Something like that.

[rk330]

Thanks! I will try that. But I noticed your code no longer calls the function unless the drop down is changed. When the user first loads this page, a total calculation is required because I will have a default value in the drop down.

If I call the function within the body tag using onload, will that create a conflict when the onchange method calls it as well? Because at this point the function would be called twice and at the same time (onchange and onload)

Thanks again