Bonjour, je ne parviens pas a récupérer les données de mon formulaire dans un tableau,
HTML ou s'affiche les champs supplémentaire grâce au bouton, les nouveaux champs viennent s'ajouter dans la div <div class="LesDestinataire" id="LesDestinataire">
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div class="" id="chDestinataire"> <label for="nbDestinataire">Destinataire(s) :</label> <div class="form-row align-items-center"> <div class="col-auto"> <button type="button" class="btn btn-info addChamp" id="addChamp" name="button">Ajouter un destinataire</button> </div> </div> <br> <div class="LesDestinataire" id="LesDestinataire"> </div> </div>
Le code JQuerry qui permet d'ajouter mes champs de formulaire
Code : 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
21
22
23
24
25 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var max_fields = 20; var wrapper = $("#LesDestinataire"); var add_button = $(".addChamp"); var x = 1; $(add_button).click(function(e) { e.preventDefault(); if (x < max_fields) { x++; $(wrapper).append('<div id="lui" class="form-row align-items-center"><div class="col-auto"><input type="text" class="form-control" name="destinataires[]"/></div><a href="#" class="delete"><button type="button" class="btn btn-danger" name="button">Suprimer</button></a><br><br></div>'); //add input box } else { alert('Vous avez atteint la limite (20)') } }); $(wrapper).on("click", ".delete", function(e) { e.preventDefault(); $(this).parent('div').remove(); x--; }) }); </script>
Capture d'écran de mon formulaire
Capture d'écran de ce que me retourne mon $_POST
Le champ destinataires avec un tableau n’apparaît pas... Je suis débutant avez vous une idée ? Manque t-il quelque chose ? une chose est-elle mal faite ?
Merci
Partager