jQuery ajouter dynamiquement les éléments de forme

Ajoutez dynamiquement des éléments de formulaire à l'aide de jQuery / JavaScript. Ceci est utile lorsque le DOM est déjà chargé et que vous devez ajouter des champs d'entrée supplémentaires en fonction de l'action ou de la sélection de l'utilisateur (par exemple). Vous pouvez créer n'importe quel nouvel élément de formulaire, pas seulement les champs d'entrée. Alternativement, vous pouvez créer des éléments d'entrée dans la page et les masquer simplement et les afficher à nouveau si nécessaire.

Exemple: Lors du changement password1, insérez une nouvelle boîte d'entrée nommée password1 après s'être appelé password2.

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!