更改选择字段中更改后的总和

Question

这是我多年来参加论坛后的第一篇文章;）

我的问题是，如果“wybierz-diete”改变，总和值不会改变

HTML：

<select id="wybierz-diete">
    <option value="fit">Fit</option>
    <option value="sport">Sport</option>
    <option value="economy">Economy</option>
</select>

<div id="fit" class="fit wybranadieta">
    ilość kalori:
    <select id="ilosc-kalori1" onchange="calculateTotal()">
        <option value="1200">1200</option>
        <option value="1500">1500</option>
        <option value="2000">2000</option>
    </select>

    jak długo?:
    <select name="a1" id="a1" onchange="calculateTotal()">
        <option value="f_a1" class="f_a1">1 dzien</option>
        <option value="f_a20" class="f_a20">20 dni</option>
        <option value="f_a30" class="f_a30">30 dni</option>
        <option value="f_b1" class="f_b1">1 dzien</option>
        <option value="f_b20" class="f_b20">20 dni</option>
        <option value="f_b30" class="f_b30">30 dni</option>
        <option value="f_c1" class="f_c1">1 dzien</option>
        <option value="f_c20" class="f_c20">20 dni</option>
        <option value="f_c30" class="f_c30">30 dni</option>
    </select>
</div>

JavaScript的：

var fit_a= new Array();
    fit_a["f_a1"]=42;
    fit_a["f_a20"]=800;
    fit_a["f_a30"]=1200;
    fit_a["f_b1"]=45;
    fit_a["f_b20"]=870;
    fit_a["f_b30"]=1300;
    fit_a["f_c1"]=48;
    fit_a["f_c20"]=940;
    fit_a["f_c30"]=1400;

function podliczAfit() {
    var podliczAfit=0;
    var theForm = document.forms["dieta"];
    var selecteda1 = theForm.elements["a1"];
    podliczAfit = fit_a[selecteda1.value];
    return podliczAfit;
}

function calculateTotal() {    
    var kosztDiety = podliczAfit();
    var divobj = document.getElementById('kosztCalosci');
    divobj.style.display='block';
    divobj.innerHTML = "Twoje zamówienie wyniesie: $"+kosztDiety;
}

我知道当我有解决方案时，我会遇到另一个问题。例如，如何管理选择下一个饮食，一项运动，我尚未编写任何代码。