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

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

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

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

Answer 4

由于您使用的是jQuery，如何使用触发器 - reset：

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

Answer 5

在表单上提交表单时使用reset方法。 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>

Answer 6

如果你点击“后退”按钮，它通常会坚持下去，你可以做的是在提交表单之前清除元素然后进入下一页但是在使用元素之后你需要做什么。 / p>

    $('#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>");
            });

Answer 7

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

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

要重置，请选择：

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

要重置无线电输入：

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

要重置文件输入：

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

jquery如何清空输入字段

7 个答案: