So fügen Sie eine Zeile hinzu, indem Sie auf das Formular klicken: 1. Verwenden Sie die Funktion click(), um das Klickereignis an das Formularelement zu binden und die Ereignisverarbeitungsfunktion festzulegen. 2. Verwenden Sie in der Ereignisverarbeitungsfunktion die Funktion append(); Funktion zum Hinzufügen einer Reihe von Steuerelementen zum Formular. Die Syntax lautet „$(this).append(“Formulareingabe-Steuerelement“);“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
JQuery-Formularimplementierung Klicken Sie, um eine Zeile hinzuzufügen
Implementierungsmethode:
Verwenden Sie die Funktion click(), um das Klickereignis an das Formularelement zu binden und die Ereignisverarbeitungsfunktion festzulegen
In die Ereignisverarbeitungsfunktion. Verwenden Sie die Funktion append(), um dem Formular eine Zeile hinzuzufügen
Implementierungscode:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("form").click(function() {
$(this).append("<br>其 他: <input>");
});
});
</script>
</head>
<body>
<form style="border: 1px solid red;padding: 10px;">
用户名: <input type="text" name="name"><br>
密 码: <input type='password' name='password'>
</form>
<p>点击表单，增加一行数据</p>
</body>
</html> Beschreibung: Die Methode
append( ) kann Inhalte am „Ende“ einfügen " innerhalb des ausgewählten Elements.
Syntax:
$(A).append(B)
bedeutet das Einfügen von B am Ende von A.
【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】
Das obige ist der detaillierte Inhalt vonSo fügen Sie beim Klicken im JQuery-Formular eine Zeile hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
