Ajouter un champ à un formulaire en jQuery

Créer un nouveau champ dans un formulaire HTML est très facile à faire en utilisant jQuery. La première étape est de créer ce nouveau champ en utilisant le sélecteur jQuery en mode création.

Ensuite, la seconde étape est d'ajouter cet élément au formulaire à l'aide de la fonction .appendTo :

var champ = $('<input>');
champ.attr('type', 'text');
champ.attr('name', 'nom_du_nouveau_champ');
champ.appendTo('form');

Dans un tout autre contexte, cet article est très intéressant : insérer une colonne après une colonne dans excel.

On peut aussi utiliser la syntaxe inverse : $('form').append(champ);. Tous les attributs du nouveau champ peuvent être manipulés avec la fonction .attr(), et la valeur du champ est modifiable avec la fonction .val().

Encore faim ? allez lire ça : photo de journal !