Tema: recuperar todos los valores de un formulario con javascript
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 20/07/2012, 01:47
pithon
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años, 10 meses
Puntos: 10
Respuesta: recuperar todos los valores de un formulario con javascript
Cita:
Iniciado por emprear Ver Mensaje
@pithon
hace un tiempo deje esta función para serializar un formulario, quizás te interese
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Contar elementos</title>
  6. <meta name="description" content="Contar elementos" />
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. var valor = "";
  10. function elementosForm() {
  11. var datos = "";
  12. var los_elementos = document.getElementById('formu').elements;
  13. for (i=0; i<los_elementos.length; i++) {
  14.     if(los_elementos[i].value == ''){
  15.     valor = 'sin valor';
  16.     }else{
  17.         if((los_elementos[i].type == 'radio')||(los_elementos[i].type == 'checkbox')){
  18.             if(los_elementos[i].checked == true){
  19.             valor = los_elementos[i].value;
  20.             }else{
  21.             valor = "";
  22.             }
  23.         }else{
  24.         valor = los_elementos[i].value;
  25.         }
  26. }
  27. datos += los_elementos[i].tagName +'(' +los_elementos[i].name +')' +'-' + valor + '\n\r';
  28. }
  29.  
  30. alert(datos);
  31. }
  32. //]]>
  33. </script>
  34. </head>
  35. <body>
  36. <form id='formu'>
  37. nombre<input type='text' name='nombre'>
  38. apellido<input type='apellido' name='apellido'>
  39. <input type='button' onclick='elementosForm();' name='procesar' value='procesar'>
  40. </form>
  41. </body>
  42. </html>

Saludos
Hola emprear, perdona por no haber respondido antes, este ejemplo me ayudo mucho para entender como trabajar con los elementos de un form, un saludo.