使用 jquery 重置值答案

【问题标题】：Resetting Values using jquery使用 jquery 重置值
【发布时间】：2019-04-06 15:47:55
【问题描述】：

尝试使用按钮和 jquery 将输入值重置为空白，但它给出了

未捕获的类型错误：$(...).reset 不是函数

$(document).ready(function() {
  $("#reset_btn").click(function() {
    $("#buy").reset();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<input type="number" class="form-control" id="buy" placeholder="Buy Amount" name="buy">

<button type="button" class="btn btn-secondary" id="reset_btn">RESET</button>

【问题讨论】：

标签： javascript jquery reset

【解决方案1】：

删除输入值的一个选项是使用.val("")。基本上将值设置为空字符串。

这是一个例子：

$(document).ready(function() {
  $("#reset_btn").click(function() {
    $("#buy").val("");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<input type="number" class="form-control" id="buy" placeholder="Buy Amount" name="buy">

<button type="button" class="btn btn-secondary" id="reset_btn">RESET</button>

【讨论】：

运行jsfiddle.net/hgf8x4b7，为什么#tot_amnt在点击两次重置按钮后被重置？
谢谢，成功了！多次加载 php 文件（其中没有数据库连接）会导致 CPU 使用率高吗？
乐于助人。关于您的另一个问题，这取决于您正在加载的文件及其正在执行的进程。您必须为此监控您的应用程序/网站:)

【解决方案2】：

正如错误消息中明确指出的，reset() 不是 jQuery 方法。您需要调用原生表单元素的reset()。当然，为此，您首先需要一个表单元素。

$(document).ready(function() {
  $("#reset_btn").click(function() {
    $("#form")[0].reset();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<form id="form">
  <input type="number" class="form-control" id="buy" placeholder="Buy Amount" name="buy">

  <button type="button" class="btn btn-secondary" id="reset_btn">RESET</button>
</form>

【讨论】：

您的回答也有效，但我的输入标签不在表格中，这就是接受 Eddie 回答的原因。

【解决方案3】：

$('#buy').val('');

清除值而不是使用重置。

【讨论】：