wake-up-neo.com

Frage, wie das Eingabefeld geleert wird

Ich bin in einer mobilen App und benutze ein Eingabefeld, um dem Benutzer eine Nummer zu geben.

Wenn ich zurück gehe und zur Seite zurückkehre, zeigt dieses Eingabefeld die zuletzt im Eingabefeld angezeigte Nummer an.

Gibt es eine Möglichkeit, das Feld bei jedem Laden der Seite zu löschen?

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

Sie können das Eingabefeld mit $('#shares').val(''); löschen.

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

Durch Setzen von val('') wird das Eingabefeld geleert. Also würden Sie dies verwenden:

Löschen Sie das Eingabefeld, wenn die Seite geladen wird:

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

Verwenden Sie beim Absenden des Formulars die Rücksetzmethode für das Formular. Die Methode reset () setzt die Werte aller Elemente in einem Formular zurück.

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

Wie wäre es mit einem Trigger - reset , da Sie jQuery verwenden?

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

wenn Sie auf die Schaltfläche "Zurück" klicken, bleibt diese normalerweise bestehen. Sie können das Element löschen, wenn das Formular gesendet wird, bevor Sie zur nächsten Seite wechseln, aber nachdem Sie mit dem Element das getan haben, was Sie benötigen.

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