como recuperar los valores de varios campos con javascript

[roboty]

Hola foro, necesito recojer los valores de unos campos pero quiero saber si se pueden recojer en un array y si se puedo como tendria que hacerlo, partiendo de que tengo algo asin:

Código HTML:

<input type='text' name='campo1' value='valor0'/>
<input type='text' name='campo2' value='valor1'/>
<input type='text' name='campo3' value='valor2'/>
<input type='text' name='campo4' value='valor3'/>
<input type='text' name='campo5' value='valor4'/>
<input type='text' name='campo6' value='valor5'/>
 

Lo que intento es recuperar todos estos valores pero pasandole un solo parametro a mi funcion, la forma que lo hago no creo que sea la correcta, hice algo asin:

Código HTML:

miFuncion(document.form.campo1,document.form.campo2,document.form.campo3,....)
 

Hay otra forma de hacerlo?
Saludos

[cristian_cena]

no se bien que intentas hacer. fijate si algo asi te sirve:

Código HTML:

<input type='text' name='campo1' value='valor0'/>
<input type='text' name='campo2' value='valor1'/>
<input type='text' name='campo3' value='valor2'/>
<div id="out"></div>
 

​

Código Javascript:

//imprimimos el value de todos los inputs
function getAllValueInputs(){
    var inputs = document.getElementsByTagName("input");
    var out = document.getElementById("out");
    for(var i = 0; i<inputs.length; i++){
        if(inputs[i].type == "text"){
            out.innerHTML += inputs[i].value + "</br>";
        }
    }
}
//imprimimos el value del input pasado a la funcion.
function getValueInput(inp){
    var inputs = document.getElementsByTagName("input");
    var out = document.getElementById("out");
    for(var i = 0; i<inputs.length; i++){
        if(inputs[i].type == "text"){
            if(inputs[i].name == inp){
                out.innerHTML += inputs[i].value + "</br>";
            } 
        }
    }
}
window.onload = function(){
    getAllValueInputs();
    getValueInput("campo2"); //pasas como argumento el valor del atributo name
}
 

​

Saludos

[roboty]

Hola cristian_cena, bueno en principio decirte que gracias por tu colaboracion, exactamente no es eso lo que quiero, tengo una funcion donde necesito pasar los valores de los campos como parametros en mi funcion algo asin:

miFuncion(document.getElementById('campo1'),docume nt.getElementById('campo2'),.....)
(suponiendo que tengo un id en los campos)

y lo que no quiero es tener que pasar los valores de esta forma ya que tengo muchos campos que pasarle.

luego en la funcion tengo que pasarle estos datos por la url algo como esto:

ajax.open('get',url='pagina.php?campo1='+campo1+'& campo2='+campo2'+'campo3='+campo3,true)

no se si me explique mejor ahora, simplemente necesito pasar todos los valores de los campos como parametros en mi funcion, no se si hay alguna forma mas efectiva o correcta como un array , poniendo el mismo nombre en los campos algo asin campo[], no se si me explique mejor, y si esto es posible saludos.

[cristian_cena]

Podes pasar un arreglo o un objeto por parámetro. veamoslo con un arreglo:

Una posibilidad sería que conociendo la cantidad de inputs pases la misma cantidad de valores:

Código HTML:

<input type='text' name='campo1'/>
<input type='text' name='campo2'/>
<input type='text' name='campo3'/>
 

Código Javascript:

function setValueInputs(arr){
    var inputs = document.getElementsByTagName("input");
    for(var i = 0; i<inputs.length; i++){
        if(inputs[i].type == "text"){
            inputs[i].value = arr[i];   
        }
    }
}
window.onload = function(){
    var valores = ["valor1", 123, [12.5, false]];
    setValueInputs(valores);
}
 

​Otra posibilidad, es conociendo las id, pasarlas junto al valor:

Código HTML:

<input type='text' id='campo1'/>
<input type='text' id='campo2'/>
<input type='text' id='campo3'/>
​
 

Código Javascript:

function setValueInputs(arr){
    for(var i = 0; i<arr.length; i++){
        //alert(arr[i][0]);
        var input_id = document.getElementById(arr[i][0]);
        input_id.value = arr[i][1];
    }
}
window.onload = function(){
    var valores = [
        ["campo1", "valor1"],
        ["campo2",  112.250],
        ["campo3",  false  ]
    ];
    setValueInputs(valores);
}
 

Espero te sirva. Saludos.

[roboty]

Hola cristian_cena, realmente necesito exactamente eso que pusistes, pero no consigo adaptarlo, te pongo lo que hice por si me quieres corregir:

partiendo de que estos son los campos que tengo que pasarle como parametros a mi funcion y teniendo en cuenta que estos campos son dinamicos:

Código HTML:

<input type='text' id='campo1' name='campo1' value='valor1'/>
<input type='text' id='campo2' name='campo2' value='valor2'/>
<input type='text' id='campo3' name='campo3' value='valor3'/>
 

Código Javascript:

esta es la funcion que recupera los parametros para pasarlos por url :
 
    function setValueInputs(arr){
        for(var i = 0; i<arr.length; i++){
            //alert(arr[i][0]);
            var input_id = document.getElementById(arr[i][0]);
            input_id.value = arr[i][1];
        }
        var Ajax=objetoAajax();
           Ajax.open('get','procesar.php?valor1='+arr[0][0]'&valor2='+arr[1][1]'&valor3='+arr[2][2],true);
           Ajax.onreadystatechange = function() {
                if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
                    document.getElementById('procesar_datos').innerHTML=Ajax.responseText;
                 }
            }
         Ajax.send(null);
         }
    }
 
y esta es la forma que hago la llamada a dicha funcion:
 
    window.onload = function(){
        var valores = [
            ["campo1", document.getElementById('campo1').value],
            ["campo2",  document.getElementById('campo2').value],
            ["campo3",  document.getElementById('campo3').value ]
        ];
        setValueInputs(valores);
    }
 

Pero no me funciona, que hice mal?

Saludos

[cristian_cena]

Debes construir la cadena de consulta, recorriendo el arreglo y luego pasarla como parametro al método open.
No lo probé, pero mas o menos sería así:

Código Javascript:

function setValueInputs(arr){
    var cadena = "";
    for(var i = 0; i<arr.length; i++){
        var id    = arr[i][0]; 
        var valor = arr[i][1];
        if(cadena == 0){
            cadena = "procesar.php?" + id + "=" + valor;
        }
        else{
            cadena += "&" + id + "=" + valor;
        }
    }
    //alert(cadena); 
    var Ajax=objetoAajax();
       Ajax.open('get',cadena,true);
       Ajax.onreadystatechange = function() {
            if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
                document.getElementById('procesar_datos').innerHTML=Ajax.responseText;
             }
        }
     Ajax.send(null);
     }
}
 

[roboty]

Hola cristian_cena, gracias por tu colaboracion ahora me funciona perfecto, pero ya que estoy en aprendizaje me gustaria saber como pasarle los valores a mi funcion mediante un objeto, me podrias poner un pequeño ejemplo.

Saludos.

[cristian_cena]

De la misma manera, solo que ahora recorres el objeto con el bucle "for ... in". Ël cual itera sobre todas las propiedades del objeto.
Ejemplo:

Código Javascript:

function imprimeObjeto(obj){
    for (var prop in obj) { //recorremos el objeto con for...in
      document.body.innerHTML += prop + " = " + obj[prop] + "<br>"; 
    } 
}
window.onload = function(){
    var objeto = {a:1, b:2}; //el objeto
    imprimeObjeto(objeto);   //pasado por parametro
}
//salida 
//a = 1
//b = 2    ​​​​​​​​​​​
 

Saludos

[roboty]

Hola cristian_cena, gracias por tu colaboracion me fuistes de gran ayuda, un saludo.

[cristian_cena]

De nada me alegro que te haya servido