Voor Biljart

by Dennis Betman

HTML

<form action="" id="biljart" onsubmit="return false;">
    <fieldset>
      <label>Aantal Tafels</label>
      <select id="t" name="t">
        <option value="none">Maak een keuze</option>
        <option value="tafel_1">1 Tafel</option>
        <option value="tafel_2">2 Tafels</option>
      </select><br/><br/>

      <label>Lesduur</label>
      <select id="u" name="u">
        <option value="none">Maak een keuze</option>
        <option value="uur_1">1 uur</option>
        <option value="uur_1.5">1,5 uur</option>
      </select><br/><br/>

      <label>Aantal Personen</label>
      <select id="p" name="p">
        <option value="none">Maak een keuze</option>
        <option value="personen_1">1 persoon</option>
        <option value="personen_2">2 personen</option>
        <option value="personen_3">3 personen</option>
        <option value="personen_4">4 personen</option>
        <option value="personen_5">5 personen</option>
        <option value="personen_6">6 personen</option>
        <option value="personen_7">7 personen</option>
        <option value="personen_8">8 personen</option>
      </select><br/><br/>

      <label>Afstand</label>
      <select id="km" name="km">
        <option value="none">Maak een keuze</option>
        <option value="afstand_nieuwegein">Nieuwegein</option>
        <option value="afstand_minder_50km">Binnen 50km</option>
        <option value="afstand_meer_50km">Meer dan 50km</option>
      </select><br/><br/>

        <input type="hidden" id="totalPrice"/>
        <div id="Price"></div>
    </fieldset>
  </form>

JavaScript

function displayVals() {
  var t = $("#t").val();
  var u = $("#u").val();
  var p = $("#p").val();
  var km = $("#km").val();
  var price = $("#totalPrice").val(t + '-' + u + '-' + p + '-' + km);
  var totalprice = $("#totalPrice").val();
   
  /* 1 Tafel 1 uur */
  if (totalprice == 'tafel_1-uur_1-personen_1-afstand_nieuwegein'){
      $('#Price').text('Price = EUR 25,00');
  }    
  else if (totalprice == 'tafel_1-uur_1-personen_2-afstand_nieuwegein'){
      $('#Price').text('Price = EUR 17,50 p.p.');
  }
  else if (totalprice == 'tafel_1-uur_1-personen_3-afstand_nieuwegein'){
      $('#Price').text('Price = EUR 12,50 p.p.');
  }
  else if (totalprice == 'tafel_1-uur_1-personen_4-afstand_nieuwegein'){
      $('#Price').text('Price = EUR 10,00 p.p.');
  }
  else if (totalprice == 'tafel_1-uur_1-personen_5-afstand_nieuwegein'){
      $('#Price').text('Helaas kunt u maar met maximaal 4 personen aan een tafel');
  }
  else if (totalprice == 'tafel_1-uur_1-personen_6-afstand_nieuwegein'){
      $('#Price').text('Helaas kunt u maar met maximaal 4 personen aan een tafel');
  }
  else if (totalprice == 'tafel_1-uur_1-personen_7-afstand_nieuwegein'){
      $('#Price').text('Helaas kunt u maar met maximaal 4 personen aan een tafel');
  }
  else if (totalprice == 'tafel_1-uur_1-personen_8-afstand_nieuwegein'){
      $('#Price').text('Helaas kunt u maar met maximaal 4 personen aan een tafel');
  }
    
  /* 1 Tafel 1.5 uur */
  else if (totalprice == 'tafel_1-uur_1.5-personen_1-afstand_nieuwegein'){
      $('#Price').text('Price = EUR 37,50');
  }
  else if (totalprice == 'tafel_1-uur_1.5-personen_2-afstand_nieuwegein'){
      $('#Price').text('Price = EUR 25,00 p.p.');
  }
  else if (totalprice == 'tafel_1-uur_1.5-personen_3-afstand_nieuwegein'){
      $('#Price').text('Price = EUR 17,50 p.p.');
  }
  else if (totalprice == 'tafel_1-uur_1.5-personen_4-afstand_nieuwegein'){
      $('#Price').text('Price = EUR 15,00 p.p.');
  }
  else if (totalprice ==...