Tema: Select
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 04/04/2011, 17:52
Avatar de uikekarallo
uikekarallo
 
Fecha de Ingreso: diciembre-2009
Ubicación: Galicia
Mensajes: 338
Antigüedad: 15 años
Puntos: 16
Respuesta: Select

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.