Charger select avec jquery

Version imprimable

Bonjour,

j'ai une fonction en ajax faite avec jquery qui fonctionne, elle consiste a faire apparaitre un second menu deroulant suivant le choix du premier menu deroulant donc sur le principe ca marche tres bien sauf que je veux l'intégrer dans une admin et donc je récupére l'element sélectionné de mon premier menu déroulant via une bdd sauf que mon second menu s charge pas.

Donc j'aimerais savoir comment faire pour charger mon second menu merci vous.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $(function(){ $("select#select_first").change(function(){ $.getJSON("ajax.php",{id: $(this).val(),selec : "1"}, function(j){ var options = ''; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].valeur + '">' + j[i].nom_galerie + '</option>'; var id_galerie = j[i].id; } $("#select_second").html(options); }) }) })

18/12/2008, 13h22
Kerod

Si tu mets le même code dans deux fichiers différents qui ne sont pas de le même répertoire et que le fichier ajax.php est unique (c'est-à-dire qu'il est présent uniquement dans la partie publique) alors c'est une simple erreur d'URL/de liaison avec le fichier PHP
18/12/2008, 14h32
Shandler

Je comprend pas trop ce que tu me dis, je suis d'accord que se code marche tres bien a même la page et donc son url de laison est bonne sauf que la ma fonction utilise ca ".change" est donc je penser que pour qu'il fasse l'action il devait voir un chagement du select alors que moi quand la page se load mon select est deja possitionner sur la valeur et donc il devrai faire apparaitre le second champ.

Merci a toi
18/12/2008, 16h34
Kerod

C'est simple : tu utilises ajax.php qui est dans le même répertoire que ton fichier. Là tu utilises la même fonction dans une partie admin. Ton code laisse sous-entendre que tu as un autre fichier ajax.php pour ta partie admin qui est dans le même répertoire que ton fichier.

A moins que tu mettes ta partie admin dans le même répertoire que ton fichier publique. :roll:

Si ça marche en publique et pas en admin c'est que le soucis ne vient pas du code. Tu as pas Firefox et Firebug ??

Je dois être fatigué car je comprend toujours pas, ou tu as mal compris donc je vais essayer de m'expliquer donc si dessous le code en entier intégré dans la page.
Donc sur cette page il y un bouton select avec des info qui quand elle est sélectionner charge d'autre info dans un second select sachant que l'on charge les second elelement grace au fichier php donc la ca marche tres bien sauf que maintenant j'aimerais utilisé ce même code sauf que quand la page est chargé le premier select a deja une parametre de sélectionné et donc ce que j'arrive pas a faire c'est faire apparaitre le second select sachant que le premier a deja un param selectionner.

En esperant avoir été clair merci a toi.
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 30 31 32 33 34 35 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta http-equiv="Content-Language" content="fr-FR,be,ch,fr" /> <link rel="stylesheet" href="admin_lfr.css" type="text/css" /> <script type="text/javascript"> $(function(){ $("select#select_first").change(function(){ $.getJSON("ajax.php",{id: $(this).val(),selec : "1"}, function(j){ var options = ''; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].valeur + '">' + j[i].nom_galerie + '</option>'; var id_galerie = j[i].id; } $("#select_second").html(options); }) }) }) </script> </head> <body> <form method="post" action=""> <select name="select_first" id="select_first"> <option value="selec">--Selectionner--</option> <option value="1">--valeur 1--</option> </select> <select name="select_second" id="select_second"> </select> </form> </body> </html>

18/12/2008, 18h03
Kerod

Moi je ne parle pas de code mais d'architecture. Avant de penser que le soucis vient du code il faudrait voir ailleurs (surtout si tu n'as pas de messages d'erreur).

Cette partie est identique quelque soit la page :

Code:

$.getJSON("ajax.php"

J'espère juste que ton fichier existe sinon ça marchera jamais (ce qui est peut-être déjà le cas).
18/12/2008, 19h15
Shandler

Donc en faite mon fichier ajax.php sert a d'autre requete ajax si c'est sa le probleme mais bon dans mon fonction je récupere un param selec que le met a 1 pour savoir sur quel page je travaille.

Merci a toi
18/12/2008, 19h20
Kerod

On va faire plus simple : Comment sont organisés tes fichiers sur ton serveur ?
18/12/2008, 19h34
Shandler

jai un repertoire administration et dedans le fichier ajax.php et aussi la page le code ci-dessus.

Merci
18/12/2008, 21h07
Kerod

Quel est le code PHP dans ton fichier ajax.php ?

Code:

1
2
3
4
5
6
7
8
<?php
if($_GET['selec'] == 1)
{
  //requete sql et on recupere l'info du select avec id
 
 echo json_encode('resultatrequete');
}
?>

Meci a toi

18/12/2008, 21h24
Kerod

Il y a pas d'inclusion de fichiers ??

Tu as firefox ? et Firebug ?
18/12/2008, 22h14
Shandler

Oui j'ai firebug et j'ai aucun beug et sinon a part l'include du fichier pour la connexion a la bdd c tous.

merci
18/12/2008, 22h38
Kerod
C'est pas un bug que je recherche :aie:

Alors effectues ceci :
1. Ouvre firebug
2. Sélectionne l'onglet Reseau
3. Puis clique sur XHR
4. Enfin sélectionne dans ton premier select la valeur pour que ton deuxième select se remplisse.
SI tu as fait toutes ces opérations tu devrais avoir une ligne dans Firebug. Elle dit quoi ?
19/12/2008, 09h58
Shandler

Deja pour qu'il me renvoie un truc faut que je sélectionne manuellement un element ds mon menu ce qui est normal car ca fct bien quand je fais comme ca mais sinon comme je voudrais faire il me renvoie rien.

Citation:

http://www.mon_site.com/administrati...ement1&selec=1

merci a toi
19/12/2008, 10h16
Kerod

Là ça devient du PHP et non du JavaScript :aie:
19/12/2008, 10h18
Shandler

Ah bon ? Pour moi c'est juste que l'ajax ne recupere pas l'element selectionner au chargement de ma page non ?

Merci a toi
19/12/2008, 10h23
Kerod
Faudrait savoir ce que tu veux exactement parce que moi je m'y perds :aie:
- Tu veux faire ton deuxième select se charger au chargement de la page sans jQuery : PHP
- Tu veux le faire avec jQuery alors là il faut que tu appelles ta fonction avec les bons paramètres. Exemple :
  
  Code:
  
  <script type="text/javascript">charge_select(1);</script>
  
  Mais c'est bête d'utiliser AJAX au chargement de la page quand on peut le faire par PHP :aie:
19/12/2008, 10h26
Bovino

Code:

$("select#select_first").change(function(){...});

Là, tu fais ton appel Ajax sur le onchange d'un select, je vois pas comment ça pourrait être effectif au chargement de la page...
Il faut changer l'événement, ou mieux, faire comme te l'indiques Kerod, puisque ce sont des données initiales, autant le faire coté PHP !
19/12/2008, 10h37
Shandler

Juste pour savoir qu'elle autre evenement on pourrait mettre pour que ca marche ?

Merci a vous.
19/12/2008, 10h43
Kerod
Moi je dirais que tu pourrais utiliser le :
Code:

1 2 3 4 $(document).ready(function() { // Traitement à effectuer lorsque le DOM est prêt });
si tu reste en jQuery.

Dis toi qu'il n'y a pas d'évènements pour l'exécuter une fonction à la création d'un objet excepté la fonction plus haut.

Jettes un oeil à : http://pckult.developpez.com/tutorie.../introduction/
19/12/2008, 10h45
Bovino

:roll: Si tu veux que ça se déclenche au chargement de la page, je pense que l'événement onload est peut-être adapté. A toi ensuite de récupérer la valeur de ton select.
19/12/2008, 17h22
Shandler

Merci j'ai fais un mix de vos 2 idées, maintenant ca marche.