由于某些原因,我无法获得 <form>
页面上的标记,但我确实有 <form>
像 <input>
这样的元素, <textarea>
, 和 <button>
.我有一个重置按钮,当我单击该按钮时,我需要重置输入和文本区域内的所有内容。还有很多输入框。
另外还有一个php脚本,填写<span>
带有请求信息的标签,我也想在按下按钮时再次将其设为空白。
下面是一些示例代码
HTML
<button id="reset" onclick="resetFields()">Reset Fields</button>
<input id="myID" type="text">
<input id="myID2" type="text">
<span id="mySpan">Some text here</span>
<span id="mySpan2">Some text here</span>
最佳答案
我想这就是你想要的:
function resetFields(){
var inputArray = document.querySelectorAll('input');
inputArray.forEach(function (input){
input.value = "";
});
var textAreaArray = document.querySelectorAll('textArea');
textAreaArray.forEach(function (textArea){
textArea.innerHTML = "";
});
var spanArray = document.querySelectorAll('span');
spanArray.forEach(function (span){
span.innerHTML = "";
});
}
关于javascript - 不使用 form.reset 重置输入和文本区域字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41623869/