使用 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('');