problème modal dans une boucle

Par Laurent.P, il y a 7 ans

PHP

Bonjour,

Voila je rencontre un petit problème avec mon code, j'ai besoin de votre aide encore.
j'ai une page principale ( games.html ) ou dans cette page j'ai une function pour faire apparaitre un liste de jeux avec un modal pour pouvoir les edités.

$(document).ready(function(){ function fetch_data() { var session = $('#session').text(); var iduser = $('#iduser').text(); var nameuser = $('#nameuser').text(); $.ajax({ url:"includes/games/select.php", method:"POST", data:{iduser:iduser, nameuser:nameuser, session:session}, success:function(data){ $('#live_data').html(data); } }); } fetch_data(); // Bouton changer de jeux $(document).on('click', '.btn_edit', function(){ var id = this.id; var userid = $('#userid').text(); var gamesid = $('#gamesid').val(); // selection jeux var noteedit = $('#noteedit').val(); // textarea description if(confirm("modifier?")) { $.ajax({ url:"includes/games/edit2.php", method:"POST", data:{id:id, userid:userid, gamesid:gamesid, noteedit:noteedit}, dataType:"text", success:function(data){ alert(data); fetch_data(); } }); } }); )};

lorsque je click sur mon modifier le jeux j'ai un modal qui s'ouvre pour modifier le jeux selectioné.
le jeux ce modifie correctement sauf la description, j'ai seulement le premiers de la liste qui modifie la description .
voicie le fichier ( includes/games/select.php ) ou ce trouve le modal pour changer le jeux.

<!-- Modal HTML <div id="myModal'.$row["id_users_category"].'" class="modalG"> --> <div id="myModal'.$row["id_users_category"].'" class="modalG" data-id2="'.$row["id_users_category"].'" role="dialog"> <div class="modal-dialog modal-login"> <div class="modal-content"> <div class="modal-headerg"> <h4 class="modal-title">'.$row["category_g_name"].'</h4> <span class="closeBtn" data-dismiss="modal">&times;</span> </div> <div class="modal-body"> <div class="form-group"> <input data-id2="'.$row["id_users_category"].'" class="form-control edit" > </div> <div class="form-group"> <textarea maxlength="100" id="noteedit" class=" form-control" placeholder="Description" ></textarea> </div> <div class="form-group"> <button type="button" id="'.$row["id_users_category"].'" class="btn btn-xs btn-danger btn_edit ">Modifer</button> </div> </div> </div> </div> </div>

comment je peut faire pour qu'il ne me change pas que le premiers de la liste ?

merci

3 réponses

Lartak, il y a 7 ans

Bonjour.
Je suppose que la description correspond au textarea dans la modal.
Si c'est bien le cas, étant donné que tu donnes exactement le même ID, soit noteedit dans toutes les modal, le javascript va sélection le premier élément qui a l'ID noteedit, soit dans le premier modal.

Laurent.P, il y a 7 ans

ok je vois, oui effectivement c'est ca.
comment je peut récupérer l'id du textarea et a la fois ca valeur entrée ?
il faudrais mon id du textarea comme ceci ?

<textarea maxlength="100" ** id="'.$row["id_users_category"].'"** class=" form-control" placeholder="Description" ></textarea>

ce qui me sortira en id exp: 1 ; 15 ;24; 78 .....

Laurent.P, il y a 7 ans

je ne comprend pas comment je peut récupérer un id qui est dans une boucle ( la il est dans mon textarea ) ?