javascript - 不使用 form.reset 重置输入和文本区域字段

Question

由于某些原因，我无法获得 <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>

Answer 1

我想这就是你想要的:

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 = "";
    });

}