Heim > tägliche Programmierung > HTML-Kenntnisse > So löschen Sie Formulardaten in jQuery

So löschen Sie Formulardaten in jQuery

藏色散人
Freigeben: 2018-12-14 17:23:33
Original
22220 Leute haben es durchsucht

jQuery löscht die Formulardaten, d. h. die Daten des Textfeld-Formularelements. Wir können dies tun, indem wir die Methode zum Zurücksetzen des Formulars in jQuery verwenden.

So löschen Sie Formulardaten in jQuery

Im Folgenden stellen wir Ihnen anhand spezifischer Codebeispiele die Implementierungsmethode zum Löschen von Formulardaten in jQuery vor.

Das Codebeispiel lautet wie folgt:

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery清空form表单数据示例</title>
</head>
<body>
<script>
 function resetForm() {
        document.getElementById("myForm").reset();
 }
</script>
<form action="" method="post" id="myForm">
    <label>用户名:</label>
    <input type="text" name="first-name">
</form>
<br>
<button type="button" onclick="resetForm();">重置</button>
</body>

</html>
Nach dem Login kopieren

Wenn wir im obigen Code auf die Schaltfläche „Zurücksetzen“ klicken, wird die Methode „resetForm“ ausgelöst. Bei dieser Methode können Sie die Formulardaten über document.getElementById abrufen und mit der Methode reset() zurücksetzen.

Der Endeffekt ist wie folgt:

So löschen Sie Formulardaten in jQuery

Geben Sie, wie im Bild gezeigt, einen Text in das Textfeld oben ein und klicken Sie dann Mit der Reset-Taste kann der Wert des Eingabefeldes gelöscht werden.

Hinweis: Die Methode reset() kann die Elemente im Formular auf ihre Standardwerte zurücksetzen.

In diesem Artikel geht es um die Methode zum Löschen von Formulardaten in jQuery. Ich hoffe, dass er Freunden, die sie benötigen, hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonSo löschen Sie Formulardaten in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage