¿Es posible borrar un formulario y restablecer (recargar) la página con un botón?

Question

Tengo un formulario en una página donde el usuario escribe algo y luego se devuelve un resultado y se muestra en la página. ¿Es posible que tenga un botón que elimine los resultados de búsqueda y el formulario simultáneamente?

Sé que puede usar el botón <input type="reset" value="Reset"/> en el formulario para restablecer el formulario y también usar el siguiente código para volver a cargar la página.

<input type="button" value="Clear Results" onClick="window.location.reload()">

¿Es posible tener el botón de hacer ambas cosas es decir, borrar los resultados de búsqueda y restablecer el formulario? ¿Se puede hacer usando JavaScript? Si es así, ¿cómo?

Gracias

Answer 1

Si desea la funcionalidad de los dos fragmentos publicados, simplemente puede combinarlos.

<input type="reset" value="Reset" onClick="window.location.reload()"> 

(No, ahora se puede aceptar mi respuesta XD)

Answer 2

usando jQuery, hacer algo como esto en la página;

$(document).ready(function() { 
    resetForms(); 
}); 

function resetForms() { 
    for (i = 0; i < document.forms.length; i++) { 
     document.forms[i].reset(); 
    } 
} 

y luego sólo tiene que utilizar su segunda entrada, formularios de actualización automática cuando se carga la página copia de seguridad.

Answer 3

Soy un fan de la sugerencia de @ MikeyHogarth ya que llama independientemente de cómo se actualiza la página. Esta es una de esas raras ocasiones en las que encuentro que javascript directo es más simple que jquery, así que solo quería agregar el código para eso.

$(document).ready(function() { 
    resetForms(); 
}); 

function resetForms() { 
    document.forms['myFormName'].reset(); 
} 

Este utiliza el atributo de nombre del formulario, y si usted prefiere el uso de la forma atributo id utilizar esto en su lugar:

document.getElementById('myFormId').reset(); 

Answer 4

puede simplemente redirigir la página a la ubicación actual con este código:

$('[data-command="reset"]').click(function() {  
    window.location.href = window.location.href; 
} 

---

<input type="button" value="Clear Results" data-command="reset">