jquery如何清空输入字段

Question

我在移动应用程序中,我使用输入字段,以便用户提交一个号码.

当我返回并返回到输入字段的页面时,显示输入字段中显示的最新数字输入.

有没有办法在每次页面加载时清除该字段？

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

Answer 1

您可以使用清除输入字段 $('#shares').val('');

Answer 2

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

Answer 3

重置文本、数字、搜索、文本区域输入：

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

要重置选择：

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

重置收音机输入：

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

重置文件输入：

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

Answer 4

设置val('')将清空输入字段.所以你会用这个:

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

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

Answer 5

既然您使用的是 jQuery，那么使用 trigger- reset怎么样：

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

Answer 6

提交表单时，请在表单上使用reset方法。复位（）方法重置表单中所有元素的值。

$('#form-id')[0].reset();

OR 

document.getElementById("form-id").reset();

https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLFormElement/reset

$('#form-id')[0].reset();

OR 

document.getElementById("form-id").reset();

$("#submit-button").on("click", function(){
       //code here
       $('#form-id')[0].reset();
});