jquery如何清空input字段
我在一个移动应用程序，我使用一个input字段，以便用户提交一个数字。
当我返回到input栏显示在input栏中显示的最新数字input的页面时。
每次页面加载时有没有办法清除字段？
$('#shares').keyup(function(){ payment = 0; calcTotal(); gtotal = ($('#shares').val() * 1) + payment; gtotal = gtotal.toFixed(2); $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>"); }); 您可以使用$('#shares').val('');来清除input字段$('#shares').val('');
$(document).ready(function(){ $('#shares').val(''); });
设置val('')将清空input字段。 所以你会使用这个：
页面加载时清除input字段：
$(function(){ $('#shares').val(''); });
既然你正在使用jQuery，那么使用触发器复位怎么样：
$(document).ready(function(){ $('#shares').trigger(':reset'); });
如果你点击“后退”button，通常会坚持下去，你可以做的是当表单被提交时清除元素，然后进入下一页，但是在完成元素之后，你需要做什么。
$('#shares').keyup(function(){ payment = 0; calcTotal(); gtotal = ($('#shares').val() * 1) + payment; gtotal = gtotal.toFixed(2); $('#shares').val(''); $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>"); });
在提交表单时使用重置方法。 reset（）方法重置表单中所有元素的值。
$('#form-id')[0].reset(); OR document.getElementById("form-id").reset();
https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset
$("#submit-button").on("click", function(){ //code here $('#form-id')[0].reset(); });
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> </head> <body> <form id="form-id"> First name:<br> <input type="text" name="firstname"> <br> Last name:<br> <input type="text" name="lastname"> <br><br> <input id="submit-button" type="submit" value="Submit"> </form> </body> </html>
