[AJAX] Affichage d'une liste unique à partir d'une requête mySQL

Bonjour,

J'essaie d'avoir une liste déroulante à partir d'une requête mySql.

j'ai un tableau dont une des cellules est :

Code:

---

echo '<td><select class="form-control a-liste-lu" id="08" title="pretBB1">'.$liste_membres.'</td>';

---

ici je pense que je n'appelle pas correctement la liste ($liste_membres).


j'ai un ajax qui dit :

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 26 27

$(document).ready(function() { //au click sur le lien chercher (.class) $(".a-liste-lu").click(function(){ var heure = $(this).attr("id"); //on recupere la valeur de l'attribut id var service = $(this).attr("title"); //on recupere la valeur de l'attribut title $.ajax({ type: "GET", url: "aff_modif.php?listeLu="+heure+";"+service, dataType : "html", //affichage de l'erreur en cas de problème error:function(msg, string){ alert( "Error !: " + string ); }, success:function(data){ //alert(data); //on met à jour le div zone_de_rechargement avec les données reçus //on vide la div et on le cache $(select).empty().hide(); //on affecte les resultats au div $(select).append(data); //on affiche les resultats avec la transition $(select).fadeIn(25); } }); }); })

---

ici je pense que le $(select) c'est faux.


Un partie de mon script php qui appelle la bdd:

Code:

---

1 2 3 4 5 6 7

$donnees = $reponse->fetchAll(PDO::FETCH_ASSOC); foreach($donnees as $row) { $liste_membres = '<option value="'.$row['id'].'">'.$row['pseudo'].'</option>'; }   $reponse->closeCursor();

---

Pourriez-vous m'aider à concrétiser ma liste ? ;O)

Peut-être un peu mieux ma cellule...

Code:

---

1 2 3 4

echo '<td><select class="form-control a-liste-lu" id="08" title="pretBB1">'; foreach ($liste_membres as $a){echo $a;} echo '</select></td>';

---

Bonjour PadawanInPerl,

Ta première impression semble correcte...

Utilises $(".a-liste-lu") au lieu de $(select).

Mieux encore, mémorise $(".a-liste-lu") dans une variable que tu pourras utiliser à chaque commande cela t'éviteras de rechercher ton SELECT à chaque commande jQuery.


devYan

Merci Devyan pour ta réponse

si j'ai bien compris cela donne pour mon ajax :

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 26 27 28 29

$(document).ready(function() { //au click sur la class du select $(".a-liste-lu").click(function(){ //on recupere la valeur de l'attribut id et title var heure = $(this).attr("id"); var service = $(this).attr("title"); $.ajax({ type: "GET", url: "aff_modif.php?listeLu="+heure+";"+service, dataType : "html", //affichage de l'erreur en cas de problème error:function(msg, string){ alert( "Error !: " + string ); }, success:function(data){ //alert(data); //on met à jour le div zone_de_rechargement avec les données reçus //on vide la div et on le cache $(".a-liste-lu").empty().hide(); //on affecte les resultats au div $(".a-liste-lu").append(data); //on affiche les resultats avec la transition $(".a-liste-lu").fadeIn(25); } }); }); })

---

je posais la question si cela était juste :

Code:

---

url: "aff_modif.php?listeLu="+heure+";"+service,

---

Cela me retourne t-il une valeur1;valeur2 ?

Je viens de lire plus attentivement ton code (qui n'est pas indenté :aie:)

Si tu regardes la documentation jQuery tu verras que :

• $(element).click(function(event) { ... });
• dans la fonction anonyme this vaut element.

ce qui te donnes :

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 26 27 28

$(document).ready(function() { //au click sur la class du select $(".a-liste-lu").click(function(){ var $select = $(this); //on recupere la valeur de l'attribut id et title var heure = $select.attr("id"); var service = $select.attr("title"); $.ajax({ type: "GET", url: "aff_modif.php?listeLu="+heure+";"+service, dataType : "html", //affichage de l'erreur en cas de problème error:function(msg, string){ alert( "Error !: " + string ); }, success:function(data){ //alert(data); //on met à jour le div zone_de_rechargement avec les données reçus //on vide la div et on le cache $select.empty().hide(); //on affecte les resultats au div $select.append(data); //on affiche les resultats avec la transition $select.fadeIn(25); } }); }); })

---

En ce qui concerne ton autre question, j'ai envie de répondre "essayes" :)

";" n'est pas un caractère "spécial" pour une URL, tu devrais donc recevoir "valeur1;valeur2" dans le paramètre nommé "listeLu". ;)

devYan.

Merci !!

Je teste tous cela. ;)

encore un petit souci... mais je pense qu'il vient d'ailleurs...

Je cloture et ouvre un autre post.

MERCI !!