Question

由于某些原因，我在页面上没有<form>标记，但我确实有<form>个元素，例如<input>，<textarea>和<button>。我有一个重置按钮，当我点击按钮时，我需要重置输入和textareas中的所有内容。还有很多输入框。

此外，还有一个php脚本，用{1}}标签填写请求的信息，按下按钮时我也想再次将其设为空白。

下面的一些示例代码

HTML

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

}

Answer 2

http://jsbin.com/gamubageke/edit?html,js,console,output

<script>
function resetFields() {
  var x = document.querySelectorAll(".resettable");
  x.forEach(el => {
    el.value='';
    el.innerHTML='';
  })
}

</script>

<body>
<button id="reset" onclick="resetFields()">Reset Fields</button>

<input id="myID" type="text" class="resettable">

<input id="myID2" type="text" class="resettable">

<span id="mySpan" class="resettable">Some text here</span>
<span id="mySpan2" class="resettable">Some text here</span>
</body>

Answer 3

如果你使用jquery，你可以按照

的方式做点什么

$("input[type='text'],textarea").val('');
$("#mySpan,#mySpan2").text('');

重置没有form.reset

3 个答案: