Charger select avec jquery

**Shandler** · 18/12/2008, 13h07

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
		})
	})			
})

**Kerod** · 18/12/2008, 13h22

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

**Shandler** · 18/12/2008, 14h32

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

**Kerod** · 18/12/2008, 16h34

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.

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 ??

**Shandler** · 18/12/2008, 16h48

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 :

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

**Kerod** · 18/12/2008, 18h03

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$.getJSON("ajax.php"

J'espère juste que ton fichier existe sinon ça marchera jamais (ce qui est peut-être déjà le cas).

**Shandler** · 18/12/2008, 19h15

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

**Kerod** · 18/12/2008, 19h20

On va faire plus simple : Comment sont organisés tes fichiers sur ton serveur ?

**Shandler** · 18/12/2008, 19h34

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

Merci

**Kerod** · 18/12/2008, 21h07

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

**Shandler** · 18/12/2008, 21h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Kerod** · 18/12/2008, 21h24

Il y a pas d'inclusion de fichiers ??

Tu as firefox ? et Firebug ?

**Shandler** · 18/12/2008, 22h14

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

**Kerod** · 18/12/2008, 22h38

C'est pas un bug que je recherche

Alors effectues ceci :

Ouvre firebug
Sélectionne l'onglet Reseau
Puis clique sur XHR
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 ?

**Shandler** · 19/12/2008, 09h58

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.

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

merci a toi

**Kerod** · 19/12/2008, 10h16

Là ça devient du PHP et non du JavaScript

**Shandler** · 19/12/2008, 10h18

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

**Kerod** · 19/12/2008, 10h23

Faudrait savoir ce que tu veux exactement parce que moi je m'y perds

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 xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
```
<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

**Bovino** · 19/12/2008, 10h26

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("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 !

**Shandler** · 19/12/2008, 10h37

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

Merci a vous.

Charger select avec jquery

jQuery

Discussions similaires

Partager

Partager