javascript無法啟動或返回函數結果

Question

我有這個功能，應該在選擇菜單中返回稅費，總計和總計稅前的選擇。 這是功能：

var select = document.getElementById（'entree'）;

select.addEventListener('change', function() {
  taxesrepas(select.value);
});

function taxesrepas(option) {
  var soustot = 0,
    taxes = 0,
    total = 0,
    soustot = 0;


  if (option == "spaghetti") {
    total += 9.62;
    taxes += 0.67;
    soustot += 8.95;
  }
  if (option == "lasagne") {
    total += 10.70;
    taxes += 0.75;
    soustot += 9.95;
  }

  if (option == "salade") {
    total += 6.30;
    taxes += 0.45;
    soustot += 5.95;
  }
  if (option == "escargot") {
    total += 5.32;
    taxes += 0.37;
    soustot += 4.95;
  }

    document.getElementById("taxes").innerHTML = taxes;
    document.getElementById("total").innerHTML = total;
    document.getElementById("soustotal").innerHTML = soustot;

}

我想在這些標簽中返回結果，但它們根本不會返回。 我也不知道如何啟動該功能，我嘗試了onchange / onload，但是什么也沒回來！

<h3>taxes:</h3><span id="taxes"></span>
<h3>Sous-total:</h3><span id="soustot"></span>
<h3>Total:</h3><span id="total"></span>

謝謝您的幫助

編輯1：選擇選項來自2個單獨的菜單，其中千層面/意大利面在一起，而沙律/香菜在一起。 我需要此功能來添加價格和稅金，並將其打印在那些h3中。

這是2個選擇菜單：

<select name="repas" id="entree2" onChange="changerepas(this.value)">
    <option value="hidden1" selected>Choisir...</option>
    <option value="spaghetti">Spaghetti</option>
    <option value="lasagne">Lasagne</option>
  </select>

<select name="entree" id="entree3" onChange="changeit(this.value)">
    <option value="hidden" selected>Choisir...</option>
    <option value="salade">Salade</option>
    <option value="escargot">Escargot</option>
  </select>

Answer 1

只是基於您的一個小示例，您在初始化變量...方面遇到了一些問題。

document.querySelector('select').addEventListener('change', function() {
  taxesrepas(this.value);
});

https://codepen.io/anon/pen/OxjjYv