我在一个移动应用程序，我使用输入字段，以便用户提交一个数字。
当我返回并返回输入字段的页面时，在输入字段显示最新的数字输入。
是否有任何方法在每次页面加载时清除该字段?
$('#shares').keyup(function(){
payment = 0;
calcTotal();
gtotal = ($('#shares').val() * 1) + payment;
gtotal = gtotal.toFixed(2);
$("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
});
当前回答
当提交表单时，在表单上使用reset方法。reset()方法重置表单中所有元素的值。
$('#form-id')[0].reset();
OR
document.getElementById("form-id").reset();
https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset
$(" #提交按钮”)。(“点击”,函数(){ / /代码 $ (" # form-id”)[0].reset (); })； < html > < >头 < script src = " https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js " > < /脚本> < / >头 身体< > <形式id = " form-id " > 第一个名字:< br > <input type="text" name="firstname"> < br > 姓名:< br > <input type="text" name="lastname"> < br > < br > <input id="submit-button" type="submit" value=" submit" > > < /形式 < /身体> < / html >
其他回答
当提交表单时，在表单上使用reset方法。reset()方法重置表单中所有元素的值。
$('#form-id')[0].reset();
OR
document.getElementById("form-id").reset();
https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset
$(" #提交按钮”)。(“点击”,函数(){ / /代码 $ (" # form-id”)[0].reset (); })； < html > < >头 < script src = " https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js " > < /脚本> < / >头 身体< > <形式id = " form-id " > 第一个名字:< br > <input type="text" name="firstname"> < br > 姓名:< br > <input type="text" name="lastname"> < br > < br > <input id="submit-button" type="submit" value=" submit" > > < /形式 < /身体> < / html >
既然你使用的是jQuery，那么如何使用触发器重置:
$(document).ready(function(){
$('#shares').trigger(':reset');
});
设置val(")将清空输入字段。所以你可以用这个:
当页面加载时清除输入字段:
$(function(){
$('#shares').val('');
});
你可以使用$('#shares').val(")清空输入字段;
如果你点击“返回”按钮，它通常会卡住，你可以做的是在表单提交时清除元素，然后在它进入下一页之前，但在处理元素之后，你需要做的事情。
$('#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>");
});
