Clear all HTML fields using javascript

Question

是否可以通过调用 javascript 函数清除 HTML 中的所有文本框？

Answer 1

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

Answer 2

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

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

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 5

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 6

I think

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

Should work with jQuery.

Answer 7

旧帖子..但是，以 jquery 为例：

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