Clear all HTML fields using javascript

Question

Hi friends , is it possible to clear all textboxes in HTML by calling a javascript function ?

Answer 1

var fields = document.getElementsByTagName('input'),
    length = fields.length;
while (length--) {
    if (fields[length].type === 'text') { fields[length].value = ''; }
}

Answer 2

If all you fields started blank you can call the form's reset method:
document.forms[0].reset() (there are usually more elegant ways to get the form handle depending on your specific case).

Answer 3

While not the simplest solution, look into jQuery. You should be able to do something like:

$("input[type=text]").val('');

I'm no jQuery expert, though.

Answer 4

var elements = document.getElementsByTagName("input");
for (var ii=0; ii < elements.length; ii++) {
  if (elements[ii].type == "text") {
    elements[ii].value = "";
  }
}

Answer 5

This should do the work

var inputElements = document.getElementsByTagName("input");
for (var i=0; i < inputElements.length; i++) {
    if (inputElements[i].type == 'text') {
        inputElements[i].value = '';
    }
}

Answer 6

I think

$("input:text").val("");

Should work with jQuery.