Ajout d'un champs
Fermé
loubna-ben
Messages postés
4
Date d'inscription
dimanche 31 janvier 2016
Statut
Membre
Dernière intervention
7 mars 2016
-
7 mars 2016 à 02:22
jordane45 Messages postés 38113 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 29 mars 2024 - 7 mars 2016 à 09:51
jordane45 Messages postés 38113 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 29 mars 2024 - 7 mars 2016 à 09:51
A voir également:
- Ajout d'un champs
- Ajouter un compte gmail - Guide
- Ajouter un profil netflix payant - Guide
- Ajouter un compte whatsapp - Guide
- Ajout rapide snap fake - Forum Snapchat
- Ajouter un compte facebook - Guide
1 réponse
jordane45
Messages postés
38113
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
29 mars 2024
4 635
7 mars 2016 à 09:51
7 mars 2016 à 09:51
Bonjour,
Tu veux le faire dynamiquement sans recharger la page ou après avoir "submit" le formulaire ?
Si c'est "sans recharger la page" ... alors c'est en JAVASCRIPT qu'il faut le faire.....
Par exemple :
lorsque je veux ajouter 4 champs de texte dans un formulaire qui contient que un input et button add d'apres le nombre que j'ai poser dans ce champs automatiquement j'aurai 4 champs
Tu veux le faire dynamiquement sans recharger la page ou après avoir "submit" le formulaire ?
Si c'est "sans recharger la page" ... alors c'est en JAVASCRIPT qu'il faut le faire.....
Par exemple :
<html> <head> <title>TEST</title> </head> <body> <div id="zone_nb"> <label>Nombre d'input à ajouter : </label><input id='nbInputs' type="text" value=""> <input type="button" value="valider" onclick="addInputs();"> </div> <form method="post" name="monForm" action=""> <div id="zone_new_input"> <!-- Zone où sera créée les INPUT --> </div> </form> <script type="text/javascript"> function addInputs(){ var nbInputsToAdd = document.getElementById('nbInputs').value; var zone_new_input = document.getElementById('zone_new_input'); //Boucle sur le nombre d'input à créer for(var i=1;i<=parseInt(nbInputsToAdd);i++){ //création de l'input var newinput = document.createElement('input'); newinput.id = 'inp_'+i; newinput.setAttribute('name','inp_'+i); //Ajout de l'input zone_new_input.appendChild(newinput); } } </script> </body> </html>