时间戳

首页 > 解决方案 > 在表单中重置输入和输出文本区域

javascript - 在表单中重置输入和输出文本区域

问题描述

在简单的 html/js（没有 jquery）中，我必须重置表单中包含的所有文本区域。这是我的尝试：

<form id="myForm" action="#">

  Source:<br><br>

  <textarea id="tab_source" name="source" rows=6>
original default text
</textarea><br><br> Result:

  <br><br>

  <textarea id="tab_result" name="result" rows=6>
</textarea><br><br>

  <input name="button" type="button" value="GO!" onclick="transform()">
  <input name="reset" type="reset" value="Reset test 1">
  <input type="button" onclick="document.getElementById(" myForm ").reset();" value="Reset test 2">
  <input type="button" onclick="document.getElementById(" tab_source ").reset();" value="Reset test 3">
  <input type="button" onclick="document.getElementById(" myForm ").value=''" value="Reset test 4">
  <input type="button" onclick="document.getElementById(" tab_source ").value=''" value="Reset test 5">

</form>

“重置测试 1”按钮仅重置最后一个文本区域（“tab_result”）。其他按钮根本不起作用。你能帮助我吗？谢谢！

标签： javascripthtmlformstextareareset

解决方案

问题是，您以以下方式结束输入属性：“

为了向您展示它，它看起来像这样：

<input attribute="bla" attribute="bla" onClick="document.getElementById(" <!-- <- quotes determine end of onClick attribute.-->

尝试：

<input type="button" onclick="document.getElementById('myForm').reset();" value="Reset test 2">
  <input type="button" onclick="document.getElementById('tab_source').reset();" value="Reset test 3">
  <input type="button" onclick="document.getElementById('myForm').value='';" value="Reset test 4">
  <input type="button" onclick="document.getElementById('tab_source').value='';" value="Reset test 5">

推荐阅读