如何用jQuery清空输入字段

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

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

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

$('#shares').keyup(function(){
payment = 0;
calcTotal();
gtotal = ($('#shares').val() * 1) + payment;
gtotal = gtotal.toFixed(2);
$("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
});
450752 次浏览
小开 
$(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

$("#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>

小开

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

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

提交答案