Actualizar Precios con varios combo box

JuanKa · #1 (**permalink**) 16/02/2005, 07:51

Hola a todos.

Quisiera saber como haria para actualizar el valor de un textbox la cual esta asociado con varios combo box

Tengo 3 Combobox

1. Combo Espacio cuyos valores son:
- 20 Mb Value 5
- 50 Mb Value 10
- 100 Mb Value 15
- 200 Mb Value 20
- 5000 Mb Value 30

2. Combo FTP
-1 Cuenta Value 2
-5 Cuentas Value 5
-10 Cuentas Value 8

3. Correo
- 5 Email Value 10
- 15 Email Value 20
- 50 Email Value 40

Ahora Tengo un TextBox que cuando selecciono me lo actualiza.
Por ejemplo al momento que ingreso a esta pagina me tiene que dar los primeros valores(Por defecto) y lo debe sumar y colocar en el textbox es decir los primeros datos

5 (Espacio)+
2 (FTP)
10 (Correos)
----
17 este valor debe tener el textbox

Pero cuando selecciono por ejemplo en ves de 2 (FTP) sean 10 (FTP) entonces su cuenta debe ser
5
8
10
----
23 Este es nuevo valor que debe actualizarlo.

Y asi con cualquier combo que seleccione me lo Actualizara.

Como podria ser esto, me dijeron que lo podria ser en el cliente con Java Script.

Gracias y Saludos

gerson · #2 (**permalink**) 16/02/2005, 09:57

<html>
<head>
<title></title>
<script language=javascript>
function calcular()
{
var total;
total = eval(frm.espacio.options[frm.espacio.selectedIndex].value) + eval(frm.ftp.options[frm.ftp.selectedIndex].value) + eval(frm.correo.options[frm.correo.selectedIndex].value);
frm.total.value = total;
}
</script>
</head>
<body onload="calcular()">
<form name=frm >
<select name=espacio onchange="calcular()">
<option value=5>20 Mb</option>
<option value=10>50 Mb</option>
<option value=15>100 Mb</option>
<option value=20>200 Mb</option>
<option value=30>5000 Mb</option>
</select>
<select name=ftp onchange="calcular()">
<option value=2>1 Cuenta</option>
<option value=5>5 Cuenta</option>
<option value=8>10 Cuenta</option>
</select>
<select name=correo onchange="calcular()">
<option value=10>5 Email</option>
<option value=20>15 Email</option>
<option value=40>50 Email</option>
</select>   
<input type=text name=total size="8">
</form>
</body>

</html>

Espero que te sirva

JavierB · #3 (**permalink**) 16/02/2005, 09:58

Hola JuanKa

Si tu formulario fuera algo así:

Código:

<form>
<select name="Espacio" onchange="poner(this.form)">
...
<input type="text" name="txt" />
</form>

Podría servirte esta función:

Código:

function poner(frm) {
  frm.txt.value=frm.Espacio.value+' '+frm.FTP.value+' '+frm.Correo.value;
}

Saludos,