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
- Dans cette présentation, sarah avait encadré directement le titre de certaines diapositives avant d'automatiser cette mise en forme pour tout le document. sur quelles diapositives avait-elle encadré directement le titre ? ✓ - Forum Bureautique
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
- Le fichier contient le nombre de voyageurs dans 3 gares. dans la cellule b5, saisissez une formule qui calcule le total et se met à jour si on change une valeur du tableau. quel total obtenez-vous ? quelle formule avez-vous saisie ? ✓ - Forum Excel
- Mise en forme conditionnelle en fonction d'une autre cellule ✓ - Forum Excel
- Présentation d'une diapositive - Forum Bureautique
1 réponse
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
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>