Question

我知道这是不断被重新询问的，我已经检查了不同的答案并尝试了不同的解决方案，但无济于事。

我只需构建一个表单，将圆柱光线和高度作为输入，然后在单击按钮时找到音量。找到后，用另一个按钮清除所有字段。计算音量的函数工作正常，但没有明确输入的功能。

以下是代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>

<head>
  <script type="text/javascript">
    function llogarit() {
      var rreze = parseInt(document.getElementById("val1").value);
      var lartesi = parseInt(document.getElementById("val2").value);
      var rez = document.getElementById("llogarit");
      rez.value = (Math.PI * Math.pow(rreze, 2) * lartesi);
    }

    function fshij() {
      document.getElementById("val1").value.clear();
      document.getElementById("val2").value.clear();
      document.getElementById("llogarit").value.clear();
    }
  </script>
</head>

<body>
  <form>
    <p>Vendos 2 vlera</p>
    <p>rreze
      <input type="text" name="rreze" id="val1" value="2" /></p>
    <p> lartesi
      <input type="text" name="lartesi" id="val2" value="2" /></p>
    <p> Vellimi
      <input type="text" name="vellimi" id="llogarit" value="" /></p>
    <input type="button" onclick="llogarit()" value="llogarit" />
    <input type="reset" value="fshij" onclick="fshij()" />
</body>

</html>

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset

您可以使用重置方法重置一个表单中的所有表单控件。

// <form name="FORM_NAME">

document.forms["FORM_NAME"].reset();

Answer 2

尝试以下方法：

document.getElementById('myInput').value = ''

Answer 3

尝试以下操作并在代码中添加div标签

<div class="yourClass">
<button onclick="cdClear();" class="yourClass">Clear</button>
</div>

注意：在HTM中，如果您已编码，则可以用id替换该类。

<script type="text/javascript">
function cdClear(){var a=document.getElementById("codes");a.value="",a.focus(),</script>

使用JavaScript清除提交的表单

3 个答案: