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>