Foros del Web » Creando para Internet » HTML »

doble evento OnChange??

Estas en el tema de doble evento OnChange?? en el foro de HTML en Foros del Web. Buenas a todos, tengo un formulario donde solicito a un usuario q me seleccione el tipo de numero e ingresar (entero, fraccionario o radical) . ...
  #1 (permalink)  
Antiguo 27/09/2010, 15:59
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 8 años, 7 meses
Puntos: 27
doble evento OnChange??

Buenas a todos, tengo un formulario donde solicito a un usuario q me seleccione el tipo de numero e ingresar (entero, fraccionario o radical) .

He validado q en el momento que me seleccione tipo de numero entero, me aparezca una caja de texto para el ingreso de ese numero, lo que deseo es que en el momento que seleccione fraccionario, me aparezcan dos cajas de texto (para el numerador y para el denominador), como podria hacer eso?...se trata de un otro evento Onchange?..como lo aplico si ya tengo uno?

Aca el código

Código HTML:
Ver original
  1. <select onchange = "entero.style.visibility = (this.selectedIndex==0) ? 'hidden' : 'visible'">
  2. <option>Seleccione tipo de numero</option>
  3. <option>Entero</option>
  4. <option>Fraccionario</option>
  5. <input type="text" name="entero" style = "visibility:hidden" />
  6.  
  7.  
  8. </form>

Como hago para q aparezcan dos cajas de texto al selecionar fraccionario???

Agradezco me puedan colaborar..Muchas Gracias
  #2 (permalink)  
Antiguo 27/09/2010, 19:55
 
Fecha de Ingreso: octubre-2008
Mensajes: 81
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: doble evento OnChange??

Eso se logra con Ajax, y si, debes en el evento onChange llamar una función ajax q reciba el value del select, para q haga un request a otro archivo en el q se dibujen 1 o 2 cjas de texto segun la opcion q hayas elegido.
  #3 (permalink)  
Antiguo 28/09/2010, 15:07
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: doble evento OnChange??

oscarbt:

No es necesario recurrir a ajax, con esta script lo podés hacer


Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
  4. <title>Ocultar/mostrar inputs onchange</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="description" content="x" />
  7. <meta name="keywords" content="x" />
  8. <meta http-equiv="Content-Language" content="ES" />
  9. <meta http-equiv="Content-Script-Type" content="text/javascript" />
  10. <meta http-equiv="imagetoolbar" content="no" />
  11. <meta name="copyright" content="&copy; 2006, Guillermo Gianello" xml:lang="es" lang="es" />
  12. <meta name="author" content="http://emprear.com"  xml:lang="es" lang="es" />
  13.  
  14. <style type="text/css">
  15. /*<![CDATA[*/
  16.  
  17. input#entero, input#frac {
  18. display: none;
  19. border: solid 2px #000;
  20. }
  21.  
  22. /*]]>*/
  23.  
  24. <script type="text/javascript">
  25. //<![CDATA[
  26.  
  27. function generar_inputs(){
  28.  
  29.  var valor = document.numeros.tipo.options[document.numeros.tipo.selectedIndex].value;
  30.  var campo_entero = document.getElementById('entero');
  31.  var campo_frac = document.getElementById('frac');
  32.  
  33.  var dis_e = campo_entero.style;
  34.  var dis_f = campo_frac.style;
  35.  alert(valor);
  36.  
  37. if(valor =='entero'){
  38. dis_e.display = 'block';
  39. dis_f.display = 'none';
  40. }else if(valor =='frac'){
  41. dis_e.display = 'block';
  42. dis_f.display = 'block';
  43. }else{
  44. dis_e.display = 'none';
  45. dis_f.display = 'none';
  46. }
  47.  
  48. }
  49.  
  50. //]]>
  51. </head>
  52. <div>
  53. <form name="numeros" method="post" action="#">
  54. <select name="tipo" onchange="generar_inputs();">
  55. <option selected="selected" value="">Seleccione tipo de número</option>
  56. <option value="entero">Entero</option>
  57. <option value="frac">Fraccionario</option>
  58. <input type="text" id="entero" name="entero" value="1000" size="4" />
  59. <input type="text" id="frac" name="frac" value="005" size="3" />
  60. </form>
  61. </div>
  62. <!-- ©2000 Emprear.com -->
  63. </body>
  64. </html>

una demo en
http://foros.emprear.com/jsdemo/comb..._campo_oc.html

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: doble, onchange, eventos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:28.