使用javascript清除所有HTML字段

Sak*_*vel 10 html javascript

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

tro*_*skn 31

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

  • 我总是使用ii而不是传统的i,因为搜索替换单字母变量是不可能的. (10认同)
  • 为什么这会被贬低?有人不高兴它不是一个jQuery解决方案? (4认同)
  • @troelskn:这是一个有趣的方式(使用`ii`而不是`i`).我会记住这一点.:) (3认同)
  • 只是好奇,"ii"是什么? (2认同)

Jam*_*mes 8

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


Nei*_*ell 8

虽然不是最简单的解决方案,但请查看jQuery.你应该可以这样做:

$("input[type=text]").val('');
Run Code Online (Sandbox Code Playgroud)

不过,我不是jQuery专家.


spl*_*tne 6

这应该做的工作

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


acr*_*man 5

如果所有字段都是空白的,您可以调用表单的重置方法:(
document.forms[0].reset() 通常有更优雅的方式来获取表单句柄,具体取决于您的具体情况).


Ado*_*nha 5

我认为

$("input:text").val("");
Run Code Online (Sandbox Code Playgroud)

应该使用jQuery.