jquery如何清空輸入字段

127

我在一個移動應用程序，我使用輸入字段爲了用戶提交一個數字。jquery如何清空輸入字段

當我回去並返回到輸入字段顯示輸入字段中顯示的最新數字輸入頁面。

有沒有什麼辦法在每次頁面加載時清除字段？

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

來源

2012-02-10 kosbou

是否使用jQuery Mobile的？ – Jasper 2012-02-10 23:45:11

282

您可以通過使用$('#shares').val('');

來源

2012-02-10 23:36:30 shaunsantacruz

thx爲你的快速回答它的工作 – kosbou 2012-02-10 23:41:28

這是否工作，是它是規範兼容，如果我們有一個數字輸入像這樣''？我想說不同的是，你允許設置一個數字輸入爲空嗎？ – 2015-06-10 21:49:44

'.val（[]）'？ – Fr0zenFyr 2015-09-14 19:36:10

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

來源

2012-02-10 23:36:26 osahyoun

清除輸入字段，如果你打的「返回」按鈕，它通常容易粘，當表單提交明確的元素是什麼，你所能做的就是然後在它進入下一頁之前，但在做完元素之後，你需要什麼。

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

來源

2012-02-10 23:37:15 chris

設置val('')將清空輸入字段。所以，你這樣做：

清除輸入字段在頁面加載時：

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

來源

2012-02-10 23:37:21

由於您使用jQuery，如何使用TRIGGER- reset：

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

來源

2016-10-12 02:55:52 Sablefoste

在提交表格在表單上使用重置方法。 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>

來源

2017-03-06 19:35:01 radhika

添加一些描述請提供您的解決方案。 – hB0 2017-03-06 20:30:50

jquery如何清空輸入字段

回答

相關問題