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