Augmenter nombre inputs dans form HTML en fonction de l'utilisat
Résolu/Fermé
A voir également:
- Augmenter nombre inputs dans form HTML en fonction de l'utilisat
- Fonction si et - Guide
- Mise en forme conditionnelle excel - Guide
- Editeur html - Télécharger - HTML
- Augmenter luminosité pc - Guide
- Augmenter vitesse pc windows 10 - Guide
1 réponse
jordane45
Messages postés
38145
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
25 avril 2024
4 650
24 avril 2017 à 10:01
24 avril 2017 à 10:01
Bonjour,
Oui c'est possible ... Il suffit de les créer en Javascript.
Oui c'est possible ... Il suffit de les créer en Javascript.
24 avril 2017 à 10:39
Merci c'est bon j'ai trouvé sur ce lien (pas sûr que le lien soit légal mais bon):
https://openclassrooms.com/forum/sujet/ajouter-champ-formulaire-automatiquement-52099
Et autre question maintenant, comment je peux faire pour conserver les inputs déjà écrits lorsque j'en ajoute d'autres?
24 avril 2017 à 10:56
1 - Montrer le code que tu utilises (en suivant ce tuto https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code )
2 - En expliquant en détail ce que tu souhaites faire.
Par exemple ... les "conserver" .. c'est à dire ? Suite à quelle opération ?
24 avril 2017 à 11:16
Voici mon code
<label>Option</label> <input class="form-control" type="text" name='option[]' placeholder="Option/candidat" maxlength="4"/><br/> <div id="option"> <!-- 2 OPTIONS PAR DEFAUT --> <input class="form-control" type="text" name='option[]' placeholder="Option/candidat" maxlength="4"/><br/> </div> <!-- AJOUT D OPTIONS AVEC CLIC SUR + --> <code js> <script type="text/javascript" > var div = document.getElementById('option'); function addInput(nam){ var input = document.createElement("input"); input.name = option; div.appendChild(input); } function addField() { addInput("option[]"); div.appendChild(document.createElement("br")); } </script></code>
Ce que je veux faire c'est: Lorsque je clique sur le bouton "+", un nouveau input apparaît avec un . Le contenu des inputs déjà remplis doit rester et ceux que je crée via le bouton "+" doivent garder les mêmes propriétés que les inputs de base.
Est-ce que je me suis mieux exprimé?
24 avril 2017 à 11:21
input.name = "option[]"; //pour la class input.className = " form-control"; //maxlength input.setAttribute('maxLength',4); //etc...24 avril 2017 à 11:30
Voici ma solution pour le coup (j'ai la flemme d'indenter):
<label>Option</label> <input class="form-control" type="text" name='option[]' placeholder="Option/candidat" maxlength="4"/><br/> <div id="option"> <!-- 2 OPTIONS PAR DEFAUT --> <input class="form-control" type="text" name='option[]' placeholder="Option/candidat" maxlength="4"/><br/> </div> <!-- AJOUT D OPTIONS AVEC CLIC SUR + --> <script type="text/javascript" > var div = document.getElementById('option'); function addInput(nam){ var input = document.createElement("input"); input.name = "option[]"; input.className = "form-control"; input.placeholder = "Option/candidat"; div.appendChild(input); } function addField() { addInput("option[]"); div.appendChild(document.createElement("br")); } </script>