Onload clear all text fields jquery js

Question

How do I clear all text fields on a page, deselect buttons etc? I simply want to refresh the page when it loads.. like holding Shift + Refresh?

Answer 1

Give this a try:

$(document).ready(function() {
    $('input[type!="button"][type!="submit"], select, textarea')
         .val('')
         .blur();
});

Clearing the values on buttons and submit buttons will give them a blank label, hence the more complex selector.

Answer 2

If all elements are in form,

then use document.getElementById('your-form-id').reset();

or $('#your-form-id')[0].reset();

Otherwise:

$('input, textarea').each(function() {
    this.value = '';
});