jquery how to empty input field

2019-01-10 08:09发布

站内问答 / jQuery
1891 6 5

I am in a mobile app and I use an input field in order user submit a number.

When I go back and return to the page that input field present the latest number input displayed at the input field.

Is there any way to clear the field every time the page load?

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

6条回答
小情绪 Triste *
2楼-- · 2019-01-10 08:48

Setting val('') will empty the input field. So you would use this:

Clear the input field when the page loads:

$(function(){
    $('#shares').val('');
});
查看更多
0人赞 添加讨论(0) 举报
相关推荐>>
3楼-- · 2019-01-10 08:54

You can clear the input field by using $('#shares').val('');

查看更多
0人赞 添加讨论(0) 举报
Luminary・发光体
4楼-- · 2019-01-10 09:05 
$(document).ready(function(){
  $('#shares').val('');
});
查看更多
0人赞 添加讨论(0) 举报
Evening l夕情丶
5楼-- · 2019-01-10 09:05

Since you are using jQuery, how about using a trigger-reset:

$(document).ready(function(){
  $('#shares').trigger(':reset');
});
查看更多
0人赞 添加讨论(0) 举报
祖国的老花朵
6楼-- · 2019-01-10 09:06

if you hit the "back" button it usually tends to stick, what you can do is when the form is submitted clear the element then before it goes to the next page but after doing with the element what you need to.

    $('#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>");
            });
查看更多
0人赞 添加讨论(0) 举报
一夜七次
7楼-- · 2019-01-10 09:13

While submitting form use reset method on form. The reset() method resets the values of all elements in a form.

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

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(5)