带有多个变量的javascript开关(选项)

时间:2017-09-29 19:04:10

标签: javascript switch-statement

我已在此处使用此功能来计算选择菜单中的选项的价格。我做了一个开关,但我不明白在哪里输入我的函数来触发它(在html上)。另外两个函数changeit()和changerepas()是onchange函数,它们将为您提供基本价格。 (它们与问题无关)(注意:这是我的第一次切换,所以对大多数人来说可能看起来很无趣。)

function taxesrepas(option){
    var soustot;
    var taxes;
    var taxer;
    var taxetotal = taxes + taxer;
    var total = taxetotal + soustot;
    var pricee;
    var pricer;
    var soustot = pricee + pricer;



    switch (option){
        case "spaghetti":
        taxer = 0.69;
        pricer = 8.95
        break;    
        case "lasagne":
        taxer = 0.75;
        pricer = 9.95;
        break;
        case "salade":
        taxes = 0.45;
        pricee = 5.95;
        break;
        case "escargot":
        taxes = 0.38;
        pricee = 4.95;
        break;
   }
        document.getElementById("taxes").innerHTML = taxetotal;
        document.getElementbyid("total").innerHTML = total;
        document.getElementbyid("soustot").innerHTML = soustot;

    }
<select name="entree" id="entree" onChange="changeit(this.value)">
    <option value="hidden" selected>Choisir...</option>
    <option value="salade">Salade</option>
    <option value="escargot">Escargot</option>
  </select>
<img display="inline" id="imgselect" src="" alt="0.00$"/>
<h3 id= "choix1"></h3>
<p>Repas</p>   
<select name="repas" id="repas" onChange="changerepas(this.value)">
    <option value="hidden1" selected>Choisir...</option>
    <option value="spaghetti">Spaghetti</option>
    <option value="lasagne">Lasagne</option>
  </select>
<h3 id="choix"></h3>
<h3 id="taxes"></h3>
<h3 id="soustotal"></h3>
<h3 id="total"></h3>

1 个答案:

答案 0 :(得分:0)

可能会将onChange更改为

function(){
  taxesrepas(this.value);
  changeit(this.value); 
}