Select

cym · #1 (**permalink**) 04/04/2011, 17:03

Hola!! soy nueva programando en php y necesito ayuda urgente!! No se como tomar el valor de tres select con php, sumarlo y que el resultado aparezca en un input. Supongo que habrá que crear alguna función. Aquí les dejo mi código.

Código HTML:

<?php
$servidor="http://".$_SERVER['SERVER_NAME'];
$path=dirname($servidor.$_SERVER['PHP_SELF']);
?>
<HTML>
<HEAD>
   <title>Suma</title>
</HEAD>
<BODY>
<form action="" name="formulario" id="formulario" method="GET">

Edad:<br/>
<select onchange="" name="a" >
                <option value="10"> 10&nbsp;| Sost&eacute;n de vida</option>
                <option value="9">&nbsp;9&nbsp; | Cuidados Intensivos y Quir&oacute;fano</option>
                <option value="8">&nbsp;8&nbsp; | Radioterapia</option>
                <option value="7">&nbsp;7&nbsp; | Monitoreo</option>
                <option value="6">&nbsp;6&nbsp; | Imagenolog&iacute;a</option>
                <option value="5">&nbsp;5&nbsp; | Laboratorio Cl&iacute;nico</option>
                <option value="4">&nbsp;4&nbsp; | Accesorios de Laboratorio</option>
                <option value="3">&nbsp;3&nbsp; | Computadoras</option>
                <option value="2">&nbsp;2&nbsp; | Accesorios de PC</option>
</select>

<select name="b" onChange="">
   <option value="5">&nbsp;5&nbsp; | Muerte</option>
                <option value="4">&nbsp;4&nbsp; | Daño al paciente y/o operador</option>
                <option value="3">&nbsp;3&nbsp; | Terapia inapropiada</option>
                <option value="2">&nbsp;2&nbsp; | ........</option>
                <option value="1">&nbsp;1&nbsp; | Sin riesgo significativo</option>
</select>

<select name="c" onChange="">
        <option value="5">&nbsp;5&nbsp; | Intensivo</option>
        <option value="3">&nbsp;3&nbsp; | Medio</option>
        <option value="1">&nbsp;1&nbsp; | M&iacute;nimo</option>
</select>

<input type="text" readonly name="total">
</form>

</BODY>
</HTML>

Por ejemplo: Selecciono del select "a" la opcion 9, del select "b" la opcion 3,del select "c" la opcion 5, me estaría dando un total de 17 que me tendría que aparecer en input. Desde ya muchas gracias

mogurbon · #2 (**permalink**) 04/04/2011, 17:17

pero eso en que momento se debera desplegar el resultado? habra un boton de calcular?

mogurbon · #3 (**permalink**) 04/04/2011, 17:34

Código PHP:

Ver original<?php
$servidor="http://".$_SERVER['SERVER_NAME'];
$path=dirname($servidor.$_SERVER['PHP_SELF']);
?>
<HTML>
<HEAD>
   <title>Suma</title>
   <script language="javascript">
   function Calcula(){
       resultado=parseInt(document.formulario.a.options[document.formulario.a.selectedIndex].value) + parseInt(document.formulario.b.options[document.formulario.b.selectedIndex].value) +parseInt(document.formulario.c.options[document.formulario.c.selectedIndex].value);
       
       document.formulario.total.value=resultado;
   }
   </script>
</HEAD>
<BODY>
<form action="" name="formulario" id="formulario" method="GET">
 
Edad:<br/>
<select onchange="" name="a" >
                <option value="10"> 10&nbsp;| Sost&eacute;n de vida</option>
                <option value="9">&nbsp;9&nbsp; | Cuidados Intensivos y Quir&oacute;fano</option>
                <option value="8">&nbsp;8&nbsp; | Radioterapia</option>
                <option value="7">&nbsp;7&nbsp; | Monitoreo</option>
                <option value="6">&nbsp;6&nbsp; | Imagenolog&iacute;a</option>
                <option value="5">&nbsp;5&nbsp; | Laboratorio Cl&iacute;nico</option>
                <option value="4">&nbsp;4&nbsp; | Accesorios de Laboratorio</option>
                <option value="3">&nbsp;3&nbsp; | Computadoras</option>
                <option value="2">&nbsp;2&nbsp; | Accesorios de PC</option>
</select>
 
<select name="b" onChange="">
   <option value="5">&nbsp;5&nbsp; | Muerte</option>
                <option value="4">&nbsp;4&nbsp; | Daño al paciente y/o operador</option>
                <option value="3">&nbsp;3&nbsp; | Terapia inapropiada</option>
                <option value="2">&nbsp;2&nbsp; | ........</option>
                <option value="1">&nbsp;1&nbsp; | Sin riesgo significativo</option>
</select>
 
<select name="c" onChange="">
        <option value="5">&nbsp;5&nbsp; | Intensivo</option>
        <option value="3">&nbsp;3&nbsp; | Medio</option>
        <option value="1">&nbsp;1&nbsp; | M&iacute;nimo</option>
</select>
 
<input type="text" readonly name="total">
<input type="button" value="Calcular" onclick="Calcula();">
</form>
 
</BODY>
</HTML>

uikekarallo · #4 (**permalink**) 04/04/2011, 17:52

Hola.

Este tipo de funciones se realizan con JavaScript. De esta manera, será el navegador quien haga el trabajo y no el servidor.

Aquí tienes algo parecido a lo que ha hecho mogurbon. La principal diferencia es que en este ejemplo no hay que pulsar ningún botón para realizar el cálculo.

Código HTML:

<HTML>
<HEAD>
   <title>Suma</title>
<script type="text/javascript">
	// función para onchange
	function aFuncionar()
	{
		// recogemos los valores
		var a = document.getElementById('a').value;
		var b = document.getElementById('b').value;
		var c = document.getElementById('c').value;
		var total = document.getElementById('total');
		
		// los convertimos en números
		a = parseInt(a);
		b = parseInt(b);
		c = parseInt(c);
		
		// sumamos!
		var suma = a+b+c;
		
		// mostramos el resultado
	  total.value = suma;
	}
</script>
</HEAD>
<BODY>
<form action="" name="formulario" id="formulario" method="GET">

Edad:<br/>
<select onchange="aFuncionar()" id="a" name="a" >
                <option value="10"> 10&nbsp;| Sost&eacute;n de vida</option>
                <option value="9">&nbsp;9&nbsp; | Cuidados Intensivos y Quir&oacute;fano</option>
                <option value="8">&nbsp;8&nbsp; | Radioterapia</option>
                <option value="7">&nbsp;7&nbsp; | Monitoreo</option>
                <option value="6">&nbsp;6&nbsp; | Imagenolog&iacute;a</option>
                <option value="5">&nbsp;5&nbsp; | Laboratorio Cl&iacute;nico</option>
                <option value="4">&nbsp;4&nbsp; | Accesorios de Laboratorio</option>
                <option value="3">&nbsp;3&nbsp; | Computadoras</option>
                <option value="2">&nbsp;2&nbsp; | Accesorios de PC</option>
</select>

<select name="b" id="b" onchange="aFuncionar()">
   <option value="5">&nbsp;5&nbsp; | Muerte</option>
                <option value="4">&nbsp;4&nbsp; | Daño al paciente y/o operador</option>
                <option value="3">&nbsp;3&nbsp; | Terapia inapropiada</option>
                <option value="2">&nbsp;2&nbsp; | ........</option>
                <option value="1">&nbsp;1&nbsp; | Sin riesgo significativo</option>
</select>

<select name="c" id="c" onchange="aFuncionar()">
        <option value="5">&nbsp;5&nbsp; | Intensivo</option>
        <option value="3">&nbsp;3&nbsp; | Medio</option>
        <option value="1">&nbsp;1&nbsp; | M&iacute;nimo</option>
</select>

<input type="text" readonly="readonly" id="total" name="total">
</form>
</BODY>
</HTML>

Un saludo.

cym · #5 (**permalink**) 04/04/2011, 21:14

Muchas muchas gracias uikekarallo y mogurbon, tenía éste codigo en javascript

Código Javascript:

Ver originalfunction sumar(boton)
   {
     select_a = Number(document.formulario.a.options[formulario.a.selectedIndex].value);
     select_b = Number(document.formulario.b.options[formulario.b.selectedIndex].value);
     select_c = Number(document.formulario.c.options[formulario.c.selectedIndex].value);
     valor = select_a + select_b + select_c;
     document.forms[0].elements["total"].value=valor;
   }

Pero me creaba un conflicto cuando quería agregar un include (la cabecera) al archivo, era como si lo desactivara a la función en java, no realizaba la suma y no pude encontrarle el error.
Muchas Gracias de nuevo!!!

uikekarallo · #6 (**permalink**) 05/04/2011, 03:53

De nada, para eso estamos :)

Un saludo.

mogurbon · #7 (**permalink**) 05/04/2011, 09:33

Cita:

Iniciado por cym

Muchas muchas gracias uikekarallo y mogurbon, tenía éste codigo en javascript

Código Javascript:

Ver originalfunction sumar(boton)
   {
     select_a = Number(document.formulario.a.options[formulario.a.selectedIndex].value);
     select_b = Number(document.formulario.b.options[formulario.b.selectedIndex].value);
     select_c = Number(document.formulario.c.options[formulario.c.selectedIndex].value);
     valor = select_a + select_b + select_c;
     document.forms[0].elements["total"].value=valor;
   }

Pero me creaba un conflicto cuando quería agregar un include (la cabecera) al archivo, era como si lo desactivara a la función en java, no realizaba la suma y no pude encontrarle el error.
Muchas Gracias de nuevo!!!

de nada pero ojo java y javascript no es lo mismo

cym · #8 (**permalink**) 06/04/2011, 13:46

Muchas gracias mogurbon, no me había percatado de la diferencia entre java y javascript, como soy nueva en esto no veo bien cuál es la diferencia y cuál de los dos es mejor aplicar en la programación web. Si me puedes aclarar las diferencias te agradecería.

cesarnorte9 · #9 (**permalink**) 07/04/2011, 04:05

Vamos a ver no me hagas caso a mi xk yo tambien soy nuevo... Pero
JavaScript se utiliza para la creación de sitios web... Una de las funciones de Java Script es que puedes realizar cambios en tu pagina web de forma dinamica, es decir sin tener que recargarla.

En cambio Java es un lenguaje de programación con el puede realizar programas... Yo no se de ningun caso que se aplique en Webs... Pero te repito soy nuevo

uikekarallo · #10 (**permalink**) 07/04/2011, 10:23

Veamos, JavaScript es un tipo de programación deribada de ECMAScript para el lado-cliente, aunque también hay un tipo de lado servidor (ssjs). Es utilizado en navegadores web y también se puede utilizar en documentos PDF o aplicaciones d escritorio.

Java es un sistema multiplataforma, lo que quiere decir que se puede utilizar en cualquier hardware. Sí es posible utilizarlo en páginas web, en aplicaciones para dispositivos móviles y como te decía, en cualquier plataforma de sistema operativo.

Para estas cosas tenemos la wikipedia :) Un saludo.