JS script to calculates sum of amount calculates wrong

Question

I have prepared this jsfiddle that ilustrates how my script calculate twice the sum of each selected option attribute price. Please help me to solve this issue.

optionsamount is wrong, I mean is calculated twice.. Why is that? Thanks

function update_amounts(){
    var sum = 0.0;
    var optionsamount = 0.0;

    $('#basketorder > tbody  > .product').each(function() {

        $('.selectedoptionselect option:selected').each(function(){
            optprice = $(this).attr('price');
            optionsamount+= parseFloat(optprice);    
        })

        var qty = $(this).find('.qty option:selected').val();
        var price = $(this).find('.price').val();
        var amount = (qty*price);
        sum+= (amount + optionsamount);

        $(this).find('.amount').text(''+ amount.toFixed(2));
    });

    $('.total').text(sum);
}

Answer 1

Try this,

function update_amounts(){
var sum = 0.0;

$('#basketorder > tbody  > .product').each(function() {

    var optionsamount = 0.0;


    $(this).find('.selectedoptionselect option:selected').each(function(){
        optprice = $(this).attr('price');
        optionsamount+= parseFloat(optprice);    
    })

    var qty = $(this).find('.qty option:selected').val();
    var price = $(this).find('.price').val();
    var amount = (qty*price);
    sum+= (amount + optionsamount);

    $(this).find('.amount').text(''+ amount.toFixed(2));
});

$('.total').text(sum);