2 pièce(s) jointe(s)
Récupération de donnée (POST) dans un tableau avec des input dynamiques
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:
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:
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
Pièce jointe 485426
Capture d'écran de ce que me retourne mon $_POST
Pièce jointe 485429
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
