使用jquery重置值

Question

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

未捕获的TypeError：$（...）。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>

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

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

Answer 3

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

清除值而不是使用重置。