Cambiar precio según la cantidad seleccionada

Nachoseo · #1 (**permalink**) 05/05/2008, 04:06

Hola a tod@s,

Estoy creando un formulario de reservas de actividades. Cuando alguien entre en la Web y vaya a reservar le aparecerá un listado de actividades en texto y al lado de cada una de ellas un select para que escoja la cantidad de cada actividad.

Lo que necesito hacer es que al modificar la cantidad me multiplique la cantidad por el precio de la actividad y me lo muestre al lado de cada actividad y al final del listado me muestre el total de todas las actividades.

¿Alguien sabe como puedo hacer esto?

Gracias por adelantado.

JavierB · #2 (**permalink**) 05/05/2008, 11:06

Hola Nachoseo

A ver si este código te sirve de ayuda:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function sumar(obj,precio){
  pa = obj.parentNode;
  prec = pa.getElementsByTagName('span')[1];
  prec.innerHTML = obj.value*precio;
  // sumar cantidades
  frm = document.forms[0];
  tot = 0;
  for (i=0; ele=frm.getElementsByTagName('p')[i]; i++)
    tot += parseInt(ele.getElementsByTagName('span')[1].innerHTML);
  document.getElementById('total').innerHTML = 'Total: '+tot;
}
</script>
</head>
<body>
<form>
<p><span>Escalada</span>
<select onchange = "sumar(this,500)">
<option value="0">--</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<span>0</span>
</p>
<p><span>Vaguear</span>
<select onchange = "sumar(this,1000)">
<option value="0">--</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<span>0</span>
</p>
<div id="total">Total:</div>
</form>
</body>
</html>

Saludos,