2017-06-24 1 views
0

Je travaille sur un formulaire Web qui doit pouvoir ajouter autant d'entrées que nécessaire. Cela signifie qu'un morceau de mon formulaire doit être capable de se répéter un nombre indéfini de fois qu'il pourrait être 1 ou 2 ou il pourrait être 50. Existe-t-il une méthode de répéter dynamiquement des éléments de formulaire?Répétition des champs de formulaire Nombre de fois défini par l'utilisateur

+0

Utilisez-vous une sorte de cadre? Angulaire? Réagir? Ou juste html brut et javascript? – dvsoukup

+0

Veuillez fournir plus de détails concernant votre question. Il sera plus facile pour les autres de vous aider. Reportez-vous à https://stackoverflow.com/help/how-to-ask pour plus de conseils. – Nehal

Répondre

-1

Vous pouvez ajouter le champ de saisie à la forme en utilisant

$('.selector').append("<input type='text' name="xyz[]" />"); 
+0

Il n'est même pas mentionné que l'auteur a besoin de jQuery. -1 pour jQuery en 2017. –

0

Pour la fin, voici une solution pure JS:

Vous pouvez créer une variable JavaScript qui contient le texte HTML pour les éléments que vous voulez pour créer:

var formHtml = "<input type='text' name='inp'>" 

Et vous pouvez insérer la variable formHtml à l'extrémité d'un élément DOM appelé yourId b y:

document.getElementById("yourId").innerHTML += formHtml; 

Mise à jour: Lien jsFiddle: https://jsfiddle.net/zjd3g0cy/