Discussion :

[neoboy]

Bonjour tout le monde,
Voila j’ai un souci l’événement « onchange » : je vous explique.
Donc j’ai 2 liste déroulante dépendante (la 1 de la 2), la première liste prend ses valeurs dans une base comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<select id='marque' onchange='change()'>
					<option value='-1'>Aucun</option>
					<?php
						mysql_connect("localhost","root","");
						mysql_select_db("therm");
						$res = mysql_query("SELECT * FROM marques ORDER BY mar");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["id"]."'>".$row["mar"]."</option>";
						}
					?>
					</select>

Et la 2éme reçois les données via l’objet xmlhttprequest , comme ceci

Code :

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

1
2
3
4
5
<div id='famille' style='display:inline'  >
				<select onchange="javascript:boy()">
					<option value='-1'>Choisir une famille</option>
				</select>
				</div>

Le problème est quand je change de valeur dans la 2éme liste, le onchange ne marche pas, je sais pas si c’est parce que le select se trouve dans un div ou autre .
Si y a quelqu’un pour m’aider n’hésitez pas . merci d’avance .

[javatwister]

on ne voit pas tes fonctions js!

[neoboy]

si tu veux la premiére fonction c'est du xmlhttprequest et la voila elle marche trés bien :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
function change()
 
			{
 
				var xhr = getXhr();
 
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
 
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						di = document.getElementById('famille');
						di.innerHTML = xhr.responseText;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","famille.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				idauteur = document.getElementById('marque').options[document.getElementById('marque').selectedIndex].value;
				//alert(idauteur);
				xhr.send("idAuteur="+idauteur);
 
 
			}
 
 
			function zero(){
 
				var xhr = getXhr();
 
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
 
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						di = document.getElementById('modele');
						di.innerHTML = xhr.responseText;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","modele.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				idauteur = document.getElementById('second').options[document.getElementById('second').selectedIndex].value;
				//alert(idauteur);
				xhr.send("idAuteur="+idauteur);
 
 
			}

le probléme c'est que j'ai envie de faire pareil avec la 2éme ç marche pas car y a pas de retour d'info de la 2éme liste mais voila j'ai mis un truc bidon pour voir et ça marche pas , mais la voila :

Code :

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

1
2
3
4
function boy()
			{
			alert("rentre")
			}

[neoboy]

Si tu veux le problème est qu'il y a pas d changement lors du change , c'est à dire que le "onchange" ne marche pas dans mon contexte , je sais pas si c à cause de la syntaxe ou bien que la liste 2 est le resultat de l'objet xmlhttprequest !! voila si tu peux m'aider

[neoboy]

je vois que personne n'a de solution ???

[neoboy]

allé les copains j'ai trouver la solution !!!! yahoooo

[javatwister]

ben vu que tu réécris totalement le contenu du 2e conteneur lors de la première requête, il est probable que le onchange passe à la trappe... sauf s'il est spécifié dans le texte que tu charges!