Limpiar formulario usando for

[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