web-dev-qa-db-ja.com

入力フィールドを空にする方法

私はモバイルアプリを使用しており、ユーザーが番号を送信するために入力フィールドを使用しています。

私が戻ってページに戻ると、その入力フィールドは入力フィールドに表示された最新の番号入力を提示します。

ページが読み込まれるたびにフィールドをクリアする方法はありますか？

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

$('#shares').val('');を使って入力フィールドをクリアできます。

357
shaunsantacruz
$(document).ready(function(){
  $('#shares').val('');
});
20
osahyoun

val('')を設定すると、入力フィールドは空になります。だからあなたはこれを使用するでしょう：

ページがロードされたら入力フィールドをクリアします。

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

JQueryを使用しているので、トリガーを使用してみてください - reset ：

$(document).ready(function(){
  $('#shares').trigger(':reset');
});
4
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>
4
Radhika

「戻る」ボタンを押すと普通は動かなくなりがちですが、フォームが送信されたときに次のページに進む前に、必要な要素を使用してから要素をクリアすることができます。

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