Foros del Web » Programando para Internet » Javascript »

cambiar o actualizar campos ocultos

Estas en el tema de cambiar o actualizar campos ocultos en el foro de Javascript en Foros del Web. Estimados, He probado el código de ejemplo que tienen en los tutoriales. La idea es remplazar los input type="text" por hidden pero no se actualizan ...
  #1 (permalink)  
Antiguo 06/02/2010, 18:27
 
Fecha de Ingreso: septiembre-2004
Mensajes: 106
Antigüedad: 17 años, 10 meses
Puntos: 0
cambiar o actualizar campos ocultos

Estimados,
He probado el código de ejemplo que tienen en los tutoriales.
La idea es remplazar los input type="text" por hidden pero no se actualizan
hay alguna forma que e actualicen. ??

<html>
<head>
<script language="JavaScript">
function cambia(){
with (document.frm){
indice.value = String(selector.selectedIndex);
opcion.value = selector.options[selector.selectedIndex].text;
valor.value = selector.options[selector.selectedIndex].value;
}
}
</script>
</head>
<body>
<form name="frm">
Indice:<input type="text" name="indice"><br>
Opcion:<input type="text" name="opcion"><br>
Valor: <input type="hidden" name="valor"><br>
Seleccione:<select name="selector" onchange="cambia()">
<option>Seleccione un valor</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select>
</form>
</body>
</html>
  #2 (permalink)  
Antiguo 06/02/2010, 21:11
Avatar de jackson666  
Fecha de Ingreso: noviembre-2009
Ubicación: Buenos Aires, Argentina
Mensajes: 1.971
Antigüedad: 12 años, 9 meses
Puntos: 65
Respuesta: cambiar o actualizar campos ocultos

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <script language="JavaScript">
  4.  
  5. function $(id){ return document.getElementById(id); }
  6.  
  7. function cambia(){
  8.  
  9. $('indice').type='hidden';
  10. $('opcion').type='hidden';
  11.  
  12. }
  13. </script>
  14. </head>
  15. <body>
  16. <form name="frm">
  17. Indice:<input type="text" id="indice"><br>
  18. Opcion:<input type="text" id="opcion"><br>
  19. Valor: <input type="hidden" name="valor"><br>
  20. Seleccione:<select name="selector" onchange="cambia()">
  21. <option>Seleccione un valor</option>
  22. <option value="1">Uno</option>
  23. <option value="2">Dos</option>
  24. <option value="3">Tres</option>
  25. </select>
  26. </form>
  27. </body>
  28. </html>
__________________
HV Studio
Diseño y desarrollo web

Etiquetas: campos, ocultos
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 16:46.