Tomar los valores de todos los inputs de un formulario

Everu · #1 (**permalink**) 16/10/2010, 07:01

Buenas.

Actualmente tengo un script que recoge los valores de los inputs de un formulario y los envía por $_POST.

Código:

var input=document.getElementById('formulario_text');
var name=document.getElementById('formulario_name');
var city=document.getElementById('formulario_city');
XMLHttpRequestObject.send("formulario_text="+input.value+"formulario_name="+name.value+"formulario_city="+city.value);

Sin embargo, con este método me veo obligado a crear una función javascript para todos y cada uno de los formularios que proceso en la página web, puesto que no tienen los mismos inputs.

Mi pregunta es si hay alguna forma de tomar todos los inputs de un form sin tener que tomar la ID de cada input. Así se podría utilizar una sola función para todos los formularios, ahorrando bastante código redundante que hace siempre lo mismo pero con distintos inputs.

Muchas gracias.

_cronos2 · #2 (**permalink**) 16/10/2010, 07:19

Prueba con esto:

Código Javascript:

Ver originalfunction data(frm){
 var input=frm.getElementsByTagName('input'), arr=[];
 for(i=0;inp=input[i];i++){
  arr[i]=inp.value;
 }
}

Esta función recoge el value de TODOS los inputs, por tanto también recogerá el del submit o el de los button, así que si lo necesitas se puede arreglar un poco.
Saludos (:

Panino5001 · #3 (**permalink**) 16/10/2010, 07:27

Fijate así:

Código PHP:

  <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&#237;tulo</title>
<script>
function getData(formId){
    var f=document.getElementById(formId),e,i,r='';
    for(i=0;e=f.elements[i];i++){
        r+=e.name+'='+escape(e.value)+'&';
    }
    return r.substr(0,r.length-1);
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <input type="text" name="textfield" id="textfield" />
  <input type="text" name="textfield2" id="textfield2" />
  <input type="text" name="textfield3" id="textfield3" />
  <input type="button" name="button" id="button" value="Botón" onclick="alert(getData('form1'))" />
</form>
</body>
</html>

Cocamos con _cronos2 :)

Everu · #4 (**permalink**) 16/10/2010, 07:38

Maravilloso.

¡Mi mas sincero agradecimiento a los dos!