使用 jquery 重置值

Question

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

Uncaught TypeError: $(...).reset is not a function

$(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>

Answer 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>

Answer 2

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

清除值而不是使用重置。

Answer 3

正如错误消息明确指出的那样，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>

使用 jquery 重置值

Resetting Values using jquery

javascript

jquery

reset