我在一个移动应用程序,我使用输入字段,以便用户提交一个数字。

当我返回并返回输入字段的页面时,在输入字段显示最新的数字输入。

是否有任何方法在每次页面加载时清除该字段?

$('#shares').keyup(function(){
    payment = 0;
    calcTotal();
    gtotal = ($('#shares').val() * 1) + payment;
    gtotal = gtotal.toFixed(2);
    $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
});

$(document).ready(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>");
            });

设置val(")将清空输入字段。所以你可以用这个:

当页面加载时清除输入字段:

$(function(){
    $('#shares').val('');
});

既然你使用的是jQuery,那么如何使用触发器重置:

$(document).ready(function(){
  $('#shares').trigger(':reset');
});

当提交表单时,在表单上使用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 >


重置文本,数字,搜索,文本区域输入:

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

重置选择:

$('#select-box').prop('selectedIndex',0);

重置无线电输入:

$('#radio-input').attr('checked',false);

重置文件输入。

$("#file-input").val(null);

如果输入是预先填充的(例如在提交的搜索表单中),你必须清除value-attribute:

$("#clearSearch").on('click', function(){
  $('#search').val('').attr('value','');
});