Sumar valores de combobox

internaim · #1 (**permalink**) 15/06/2010, 13:25

Hola a todos:

Tengo un problemilla con un codigo donde pretendo que en un input text salga la suma de unos valores que estan en unos combox al pulsar un boton:

la funcion es esta:
<script language=javascript>

</script>

y el formulario es este:
<form id="form1" name="form1" method="post" action="">
<p>
<select name="origen">
<option value=0>Elija Origen...</option>
<option value=1>Granada</option>
</select>
<select name="destino">
<option value=0>Elija Destino...</option>
<option value=100>Malaga</option>
<option value=44>Aeropuerto</option>
</select>
</label>
</p>
<p>
<label>
<input name="button" type="button" value="Calcular" onclick="calcular()">
</label>
<label>
<input type="text" name="textfield">
</label>
</p>
</form>

pero nada al pulsar el boton, nada...

por favor echarme una mano... gracias...

_cronos2 · #2 (**permalink**) 15/06/2010, 13:32

Código Javascript:

Ver originalfunction calcular(){
var totalOrigen = parseInt(document.form1.origen.options[document.form1.origen.selectedIndex].value);
var totalDestino = parseInt(document.form1.destino.options[document.form1.destino.selectedIndex].value);
document.form1.textfield.value = totalOrigen + totalDestino;
}

Código HTML:

Ver original<form id="form1" name="form1" method="post" action="">
<p>
<select name="origen">
<option value='0'>Elija Origen...</option>
<option value='1'>Granada</option>
</select>
<select name="destino">
<option value='0'>Elija Destino...</option>
<option value='100'>M&aacute;laga</option>
<option value='44'>Aeropuerto</option>
</select>
</label>
</p>
<p>
<label>
<input name="button" type="button" value="Calcular" onclick="calcular()">
</label>
<label>
<input type="text" name="textfield">
</label>
</p>
</form>

Saludos (:

peterxd · #3 (**permalink**) 06/05/2011, 16:20

Me parece perfecto, pero en lugar de calcular usando un boton, como se haría mostrando el total con un label y asi sea más dinámico. gracias.

IsaBelM · #4 (**permalink**) 06/05/2011, 17:25

qué tiene ver el tag label con que sea mas dinámico?? un label tiene información sobre el control al que está asociado

a ver si te refieres a esto. con permiso _cronos2

Cita:

<html>
<head>
<script type="text/javascript">
function calcular(cual) {
var total = 0;
for (var i = 0, combos = document.getElementsByName(cual); i < combos.length; i++) {
total += parseInt(combos[i].value);
}
document.form1.textfield.value = total;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>
<select name="sel" onchange="calcular(this.name);">
<option value='0'>Elija Origen...</option>
<option value='1'>Granada</option>
</select>
<select name="sel" onchange="calcular(this.name);">
<option value='0'>Elija Destino...</option>
<option value='100'>Málaga</option>
<option value='44'>Aeropuerto</option>
</select>
</label>
</p>
<p>
<label>
<input type="text" name="textfield">
</label>
</p>
</form>
</body>
</html>

_cronos2 · #5 (**permalink**) 06/05/2011, 18:11

Cita:

Iniciado por IsaBelM

con permiso _cronos2

Adelante

peterxd · #6 (**permalink**) 08/05/2011, 15:04

Hola IsaBelM, con lo del label, me referia a que el resultado se muestre como un simple texto y no dentro de un input o caja de texto, no se si me deje entender, aveces ni yo me entiendo je!, muchas gracias por tu aporte, me quedó perfecto :)

jarios · #7 (**permalink**) 08/05/2011, 17:05

No es mi mejor codigo pero tomando tu codigo y sin liar mucho la cosa solo es tomar el value de select cuando es cambiado por el usuario:

Código Javascript:

Ver originalfunction calcular() {
document.form1.textfield.value = parseInt(document.form1.origen.value) + parseInt(document.form1.destino.value);
}

en el boton llamas a calcular() o sino como dice IsaBelM usas el onchange en la etiqueta select y te ahorras el boton.

Aparte de esto imagino que peterxd quiere decir ademas de lo de optimizar con onchange para no tener que utilizar un boton se referia a quitar el input text y colocar una etiqueta label para solo mostrar el valor....tambien podemos utilizar un div si solo lo vamos a mostrar... en fin a gusto del cliente no?.

IsaBelM · #8 (**permalink**) 09/05/2011, 14:37

Cita:

Iniciado por jarios

No es mi mejor codigo pero tomando tu codigo y sin liar mucho la cosa solo es tomar el value de select cuando es cambiado por el usuario:

no sé si no has seguido el tema o simplemente te has dicho voy copiar esto y lo edito un poco, seguro que no se dan cuenta

Cita:

Iniciado por jarios

Aparte de esto imagino que peterxd quiere decir ademas de lo de optimizar con onchange para no tener que utilizar un boton se referia a quitar el input text y colocar una etiqueta label para solo mostrar el valor....tambien podemos utilizar un div si solo lo vamos a mostrar... en fin a gusto del cliente no?.

Cita:

Iniciado por peterxd

Hola IsaBelM, con lo del label, me referia a que el resultado se muestre como un simple texto y no dentro de un input o caja de texto, no se si me deje entender, aveces ni yo me entiendo je!, muchas gracias por tu aporte, me quedó perfecto :)