如何使用 jQuery 清空输入字段

问题描述 投票:0回答:9

我在移动应用程序中,我使用输入字段来让用户提交号码。

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

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

$('#shares').keyup(function(){
    payment = 0;
    calcTotal();
    gtotal = ($('#shares').val() * 1) + payment;
    gtotal = gtotal.toFixed(2);
    $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
});
jquery input numbers field
9个回答
498
投票

您可以使用

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

清除输入字段

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

35
投票

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

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

要重置,请选择:

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

重置无线电输入:

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

重置文件输入:

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

16
投票

提交表单时使用表单上的重置方法。 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>


9
投票

设置

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

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

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

5
投票

既然你使用的是jQuery,那么使用触发器怎么样-重置

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

0
投票

如果您点击“后退”按钮,它通常会粘住,您可以做的是在提交表单时清除该元素,然后在进入下一页之前但在对该元素执行您需要的操作之后。

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

如果输入是预先填写的(例如在提交的搜索表单中),您还必须清除值属性:

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

0
投票

$(function(){
    loadData(); 
    $(document).ready(function(){
  $('#insert').trigger(':reset');

  var item=$("#item").val(null);
  var qty=$("#quantity").val(null);
   var bb=$("#bb").val(null);
    var ee=$("#ee").val(null);

});
});

© www.soinside.com 2019 - 2024. All rights reserved.