Heim >Web-Frontend >Front-End-Fragen und Antworten >So fügen Sie beim Klicken im JQuery-Formular eine Zeile hinzu

So fügen Sie beim Klicken im JQuery-Formular eine Zeile hinzu

青灯夜游
青灯夜游Original
2022-03-25 18:52:393273Durchsuche

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“);“.

So fügen Sie beim Klicken im JQuery-Formular eine Zeile hinzu

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=&#39;password&#39; name=&#39;password&#39;>
		</form>
		<p>点击表单,增加一行数据</p>
	</body>
</html>

So fügen Sie beim Klicken im JQuery-Formular eine Zeile hinzu

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!

Stellungnahme:
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