Limpiar formulario usando for

[citaem]

Hola chicos y Chicas: tengo una complicación que me suena fácil pero ya probe varias cositas y no sale, les cuento.

Ten un formulario que entre otros datos tienen que capturar una cifra x cada dia del mes, asi que con un solo cuadro de texto y un for genero mis 12 objetos para que capturen.

Hasta aquí toda va bien.

Me piden un botos para limpiar el formulario, con JavaScript, basta con poner

Código HTML:

FrmInd.txtNombre.value = "";

este me funciona muy bien para el resto de los campos y combos del formulario, pero para los 12 meses considere que con un ciclo.

Código HTML:

var PrefijoObj = "txtMetProg";

for(var i=1;i<=12;i++){      
    var res = PrefijoObj.concat(i);  // funcion concat para unir las cadenas   
    FrmInd.res.value = "";        
    }

Pero ya en la línea para hacerlo vacio, no lo reconoce, no hace nada.. tengo la idea que la cadena armada del nombre del objeto no lo reconoce como tal, y no se como solucionarlo.

SALUDOS

[Alexis88]

No sé tú, pero creo que sería más sencillo si usaras el método reset.

Saludos

[citaem]

Hola Alexis88:

De hecho esa era min intención, pero dentro del formulario en mención tengo varios combos relacionados y al querer usar el reset limpia los campos de texto, PERO NO LOS COMBOS.


Por eso decidi hacerlo con una función de script...

¿me puedes ayudar?

GRACIAS

[Alexis88]

¿Deseas que los combos se queden sin opciones y también dejar a las cajas vacía? Prueba así:

Código Javascript:

var form = document.querySelector("#id_formulario"),
    elements = form.elements,
    total = elements.length,
    button = document.querySelector("#id_botón");
 
button.addEventListener("click", function(){
    for (var i = 0; i < total; i++){
        elements[i].value = "";     
        elements[i].innerHTML = "";
    }
}, false);
 

Lo que hago es lo siguiente. Tomo por sus IDs tanto al formulario como al botón que activará la función de borrado, además, obtengo al conjunto de elementos del formulario y el total que estos representan. Cuando pulse el botón, se ejecutará una función en la cual iteraré sobre el conjunto de elementos del formulario. En cada iteración, eliminaré el valor del elemento en cuestión y si posee el atributo innerHTML el cual hace referencia al contenido del elemento, elimino su contenido.



Saludos

[citaem]

Alexis88:

no me funcionaria, necesito resolver lo del for que te comento, pues ese objeto que se barre por los 12 meses demnominado metas, también necesito en otro punto poderlo validar si capturaron o no, si lo hago general como me comentas ya no podría identificar el contenido de los campos que se generan x los 12 meses....

Mi jefe paso a verme y me comento algo de que debía ser asi:

Código HTML:

var PrefijoObj = "txtMetProg";

for(var i=1;i<=12;i++){      
    FrmInd.getElementsByName(res).value = "";
    }

Pero tampoco me funcionó.....

Te agradezco mucho.

[citaem]

Me falto:

Código Javascript:

var PrefijoObj = "txtMetProg";
 
for(var i=1;i<=12;i++){     
     
    var res = PrefijoObj.concat(i);  // funcion concat para unir las cadenas       
    
    document.FrmInd.getElementsByName(res).value = "";  
 
    }
 

[Alexis88]

No habías mencionado esto antes:

Iniciado por citaem

ese objeto que se barre por los 12 meses denominado metas, también necesito en otro punto poderlo validar si capturaron o no...

Solo dijiste que querías borrar el contenido de los combos. Si necesitas que 'en otro punto' se realice otra acción, bastaría con que crees otra función o adaptes dicha función al borrado de datos que muestro.

Saludos