使用javascript清除所有HTML字段

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

虽然不是最简单的解决方案，但请查看jQuery。您应该可以执行以下操作：

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

我不是jQuery专家。

Answer 4

这应该做的工作

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

Answer 5

如果所有字段都空白，您可以调用表单的重置方法：
document.forms[0].reset()（根据具体情况，通常有更优雅的方式来处理表单）。

Answer 6

我认为

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

应该使用jQuery。

Answer 7

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

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