Bonjour à tous, je vous explique mon problème:
Je suis actuellement en train de créer un formulaire
pour ajouter du contenu dans une navbar, j'ai pour ça un champ titre, menus, sous menus et action.
Je me sers donc de la fonction globale cloneNode pour copier ma div, seulement voilà, elle se double à chaque création, alors que je voudrais qu'elle ne clone que la div de base ou la dernière copiée,
pas celle dont les clones on était insérées. Existe-t'il une fonction qui permettrait de ne copier que le dernier element , ou l’élément de base ?
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="input-group mb-3" id="action">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="inputGroup-sizing-default">Action</span>
                                </div>
                                <input type="text" name="tbData[0][action]" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                            </div>
 
                            <script type="text/javascript">
                                function addAction(){
                                    var action = document.getElementById('action');
                                    var clone = action.cloneNode(true)
                                return action.appendChild(clone);
                                                        }
                                function addField(){
                                        addAction(clone);
                                        div.appendChild(document.createElement("br"));
                                    
                            }
                            </script>
                            <button type="button" onclick="addAction()">+</button>