Question

在我的工作中，我们必须填写许多文本框以进行一些验证。毕竟，我们需要一次全部擦除所有内容以重新启动该过程。

是否可以使用javascript擦除所有文本框内容（我们现在可以使用的唯一方法）？可能是for循环？

Answer 1

您应该将所有输入字段放入表单中，然后通过java -cp yourJarFile.jar my.bootstrap.BootstrapClass方法重置表单。

set(frozenset(i) for i in items)

set(tuple(sorted(i)) for i in items)

在W3Schools上查看example或在MDN上查看docs

Answer 2

如果要将字段恢复为初始值，请按照@dota2pro's answer的建议重设表格。

OTOH，如果您想清除元素而不必考虑它们的初始值，则可以通过type (aka "tag") CSS selector使用Document.querySelectorAll() 来查询元素，并如下遍历元素：

function go() {
  let inputs = document.querySelectorAll('input');
  for (var i = 0; i < inputs.length; i++) {
    inputs[i].value = '';
  }
}

<input type="text" value="a"><br>
<input type="text" value="b"><br>
<input type="text" value="c"><br>
<br>
<button onclick="go()">click to clear</button>

请注意：

document.querySelectorAll('input')提取所有<input>，无论其type属性如何。
document.querySelectorAll('input[type="text"]')获取所有<input type="text">。
document.querySelectorAll('textarea')获取所有<textarea>。
如果要合并，可以使用comma combinator：
- document.querySelectorAll('input[type="text"],textarea')

Answer 3

您可以通过javascript用不同的方式获得

通过ID：document.getElementById("id")
按班级：document.getElementsByClassName("class")
通过标签：

document.querySelectorAll（“ input”）

或Jquery

通过ID：$("#id")
按班级：$(".class")
按标签：$("input")

阅读有关here的文档

Answer 4

tru

Cells(i, "D").Value = vbCrLf & Cells(i, "D").Value & vbCrLf

[...document.querySelectorAll('input')].map(x=>x.value='')

var clean = () => [...document.querySelectorAll('input')].map(x=>x.value='');

Answer 5

下面的代码将选择所有可编辑的文本框

document.querySelectorAll('input[type="text"]:not(:disabled):not([readonly]))')

Answer 6

如果有可用的JQuery，则可以执行以下操作：

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

或者，如果您喜欢本地语言：

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

使用javascript一次选择所有文本框

6 个答案: