Realizar suma y multiplicación

[bathorz]

He visto la página y me pareció interesante.
Prueba de este modo y dime si te sirve.

Código Javascript:

window.onload = function() {
        var test = document.getElementById('test');
        var form1 = document.getElementById('form1');  
        var elem = document.getElementsByName('s');
 
        form1.addEventListener('change', function(e) {
          calcular();
        });
 
        function calcular() {
          var detalle = new Array();
          var descripcion_txt = '';
          var estado_txt = '';
          var precio_txt = '';
          var precio = 0;
          var suma_precio = 0;
          var bloque = '';
 
          for (var i = 0; i < elem.length; i++) {
            detalle[i] = elem[i].value.split('|'); // (|) sin espacios
            if (elem[i].value !== '0') {
              descripcion_txt = detalle[i][0] + '<br />';
              estado_txt = detalle[i][1] + '<br />';
              precio_txt = parseInt(detalle[i][2]);
              precio = precio_txt.toFixed(2);
              suma_precio += parseInt(detalle[i][2]);
              bloque += descripcion_txt + estado_txt + precio + '€<hr />';
            }
          }
          suma_precio += suma_precio * 0.07;
          test.innerHTML = bloque + 'Total: ' + suma_precio.toFixed(2) + '€';
        }
      };
 

Código HTML:

<div id="test">test</div>
    <div>
      <fieldset class="form1">
        <legend>Datos</legend>
        <form id="form1" action="#" name="formulario">
          <span class="t_aleta_delantera_izquierda">Aleta delantera</span>
          <span>
            <select name="s"><option value="0">Seleccionar</option><option value="Aleta delantera izquierda|Leve|75">Leve: 75 €</option><option value="Aleta delantera izquierda|Medio|90">Medio: 90 €</option><option value="Aleta delantera izquierda|Fuerte|120">Fuerte: 120 €</option></select></span>
          &nbsp;
          <span class="t_puerta_delantera_izquierda">Puerta delantera</span>
          <span>
            <select name="s"><option value="0">Seleccionar</option><option value="Puerta delantera izquierda|Leve|90">Leve: 90 €</option><option value="Puerta delantera izquierda|Medio|110">Medio: 110 €</option><option value="Puerta delantera izquierda|Fuerte|120">Fuerte: 120 €</option></select></span>
          &nbsp;
          <span class="t_techo">Techo</span>
          <span>
            <select name="s"><option value="0">Seleccionar</option><option value="Techo|Leve|120">Leve: 120 €</option><option value="Techo|Medio|150">Medio: 150 €</option><option value="Techo|Fuerte|180">Fuerte: 180 €</option></select></span>&nbsp;
          &nbsp;
          <span class="t_espejo">Espejos</span>
          <span>
            <select name="s"><option value="0">Seleccionar</option><option value="1 Espejo|Leve|25">1 Leve: 25 €</option><option value="2 Espejos|Leve|50">2 Leve: 50 €</option><option value="1 Espejo|Medio|40">1 Medio: 40 €</option><option value="2 Espejos|Medio|80">2 Medio: 80 €</option></select></span>
          &nbsp;
        </form>
      </fieldset>
    </div>