Tema: selecionar opcion
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 01/07/2012, 09:24
Avatar de NSD
NSD
Colaborador
  
Fecha de Ingreso: mayo-2012
Ubicación: Somewhere
Mensajes: 1.332
Antigüedad: 12 años, 6 meses
Puntos: 320
Respuesta: selecionar opcion
hola acabo de hacer este codigo en chrome y creo que anda en cualquier otro navegador aunque no lo he probado te lo dejo a ver si te sirve (esta de mas decir que lo modificaras y adaptaras a tus nesesidades)
Código HTML: 
Ver original
  1. <head>
  2. <script type="text/javascript">
  3.     function cargarcuenta(){ //Funcion que actualizara los datos
  4.         lacuenta=Formulario.num.value; //Tomo el valor del primer numero por defecto
  5.         switch (Formulario.basic.value) { //Segun que operacion este en el select pongo el simbolo adecuado
  6.         case 'suma':
  7.           lacuenta=lacuenta+' + '+Formulario.num2.value; //Le concateno tambien el segundo numero y que es nesesario
  8.         break;
  9.  
  10.         case 'resta':
  11.           lacuenta=lacuenta+' - '+Formulario.num2.value; //Le concateno tambien el segundo numero y que es nesesario
  12.         break;
  13.  
  14.         case 'multi':
  15.           lacuenta=lacuenta+' * '+Formulario.num2.value; //Le concateno tambien el segundo numero y que es nesesario
  16.         break;
  17.  
  18.         case 'div':
  19.           lacuenta=lacuenta+' / '+Formulario.num2.value; //Le concateno tambien el segundo numero y que es nesesario
  20.         break;
  21.  
  22.         case 'cuadrado':
  23.           lacuenta=lacuenta+' ^2 '; //No le pongo el segundo numero
  24.           Formulario.num2.value=''; //Borro el segundo numero para mayor claridad
  25.         break;
  26.  
  27.         case 'bicuadrado':
  28.           lacuenta=lacuenta+' ^4 '; //No le pongo el segundo numero
  29.           Formulario.num2.value=''; //Borro el segundo numero para mayor claridad
  30.         break;
  31.  
  32.         case 'porcent':
  33.           lacuenta=lacuenta+' % '+Formulario.num2.value; //Le concateno tambien el segundo numero y que es nesesario
  34.         break;
  35.           
  36.         default:
  37.           lacuenta="Error ID=1074"; //En caso de que se ingrese alguna opcion nueva e ivalida al select pongo un error convencional
  38.         }
  39.         Formulario.operacion.value=lacuenta; //Muestro la operacion abajo
  40.     }
  41. </script>
  42. </head>
  43. <body>
  44.     <form id="Formulario" name="Formulario" >
  45.         <table width="389">
  46.               <tr>
  47.                 <td  class="num"width="87">
  48.                     <center>
  49.                         <input type="text" name='num' id="num" size="10" value="<?php echo $num; ?>" onblur="cargarcuenta();" />
  50.                     </center>
  51.                 </td>
  52.                 <td class="basic" width="120">
  53.                     <select name="basic" id="basic" onchange="cargarcuenta();">
  54.                       <option value="suma">+ Sumar</option>
  55.                       <option value="resta">- Restar</option>
  56.                       <option value="multi">X 2Multiplicar</option>
  57.                       <option value="div">/ Dividir</option>
  58.                       <option value="cuadrado">x2</option>
  59.                       <option value="bicuadrado">x4</option>
  60.                       <option value="porcent">% Porcentaje</option>
  61.                     </select>
  62.                 </td>
  63.                 <td class="num2" width="118">
  64.                     <center>
  65.                         <input type="text" name="num2" id="num2" size="10" value="<?php echo $num2; ?>" onblur="cargarcuenta()";/>
  66.                     </center>
  67.                 </td>
  68.                 <td width="38" class="igual">
  69.                     <center>
  70.                         <input type="submit" name="button" id="button" value="=" />
  71.                     </center>
  72.                 </td> 
  73.                 <td class="num2" width="118">
  74.                     <center>
  75.                         <input type="text" name="resultado" id="resultado" size="10" value="" />
  76.                     </center>
  77.                 </td>   
  78.               </tr> 
  79.         </table>
  80.         <input type="text" name="operacion" id="operacion" size="10" value="" readOnly />
  81.     </form>
  82. </body>

PD: Si solo quieres poner un simbolo al lado del resultado y la cuenta la haces en php puedes concatenar $resultados.='%'; y listo si lo haces por javacript basate en mi codigo y podras con un poco de maña lograrlo saludos