JQuery fügen dynamisch Formelemente hinzu

Fügen Sie dynamisch Formularelemente mit JQuery/JavaScript hinzu. Dies ist nützlich, wenn das DOM bereits geladen ist und Sie zusätzliche Eingabefelder basierend auf Benutzeraktion oder Auswahl (zum Beispiel) hinzufügen müssen. Sie können jedes neue Formularelement erstellen, nicht nur Eingabefelder. Alternativ können Sie Eingabelemente auf der Seite erstellen und sie einfach ausblenden und bei Bedarf erneut anzeigen.

Beispiel: Fügen Sie beim Ändern password1 ein neues Eingabefeld mit dem Namen password1 ein, nachdem es password2 bezeichnet wird.

// 监听 password1 字段的 change 事件以提示添加新输入框
$('#password1').change(function() {
    // 动态创建新的输入框并将其插入到 password1 之后
    $('<input type="password" id="password2" name="password2" placeholder="Confirm Password">').insertAfter('#password1');
});

Das obige ist der detaillierte Inhalt vonJQuery fügen dynamisch Formelemente hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!