[AJAX] Deux listes liées

**fourniey** · 17/02/2008, 23h58

Comme plusieurs, j'essaie de lier deux listes déroulantes et ce ne doit pas être si simple puisque je relève le problème très souvent sur google sans trouver de solutions pour moi.

Voici mon code, le onchange du sélect ne fonctionne pas.

Voici la ligne:
<select size="1" name="liste" OnChange="sendData('id='+this.value,'lire_an.php')" onKeyUp="sendData('id='+this.value,'lire_an.php')">

Le fichier lire_an.php n'est pas consulté.

et le code

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ATS-Liste</title>
<link href="http://www.ats3r.org/ats.css" rel="stylesheet" media="screen">
 
	<script type="text/javascript">
		/** Permet d'envoyer des données en GET ou POST en utilisant les XmlHttpRequest */
		function sendData(param, page)
		{
			if(document.all)
			{
				//Internet Explorer
				var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
			}//fin if
			else
			{
			  //Mozilla
				var XhrObj = new XMLHttpRequest();
			}//fin else
 
			//définition de l'endroit d'affichage:
			var content = document.getElementById("contenu");
			XhrObj.open("POST", page);
			//Ok pour la page cible
			XhrObj.onreadystatechange = function()
			{
				if (XhrObj.readyState == 4 && XhrObj.status == 200)
					content.innerHTML = XhrObj.responseText ;
			}
			XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
			XhrObj.send(param);
		}
	</script>
 
</head>
 
<body>
<div class="conteneur">
	<div class="header"><p class="top"><a href="http://www.ats3r.org"><img src="../../site/images/accueil.gif" border="0" alt="Accueil"></img></a></p></div>
 
<?php           
        echo '<div class="frame">';
        echo '<form method="POST" action="ME_liste.php">';
 
        echo '<br><br><br><br><br><br><br><br>';
        echo '<table align="center" border="15" bgcolor="#AC9F8C" width="40%">';
        echo '<tr>';
        echo '<th colspan="2"><h2>Liste disponible</h2></th>';
        echo '</tr>';
        
        // Sélection du statut
        echo '<tr>';
        echo '<th width="20%" align="right" height="35">Liste</th>';
        echo '<td>';
                $liste=$_POST['liste'];
                require("../../config.inc.php");
                $r_type = "SELECT distinct(type),TB_statut.description FROM `ATS_statut`
                                                        left join TB_statut on ATS_statut.type=TB_statut.code order by TB_statut.description";
                $res = mysql_query($r_type);
                ?>
		<select size="1" name="liste" OnChange="sendData('id='+this.value,'lire_an.php')" onKeyUp="sendData('id='+this.value,'lire_an.php')">
		<?php
		while($val=mysql_fetch_array($res))	{
			$selected="";
			if($liste == $val["type"]) {$selected=" selected=\"selected\"";} 
			echo '<option value='.$val["type"].$selected.'>'.$val["description"].'</option>\n';
		}
		echo '</select>';
	echo '</td>';	
	echo '</tr>';
 
 
	echo '<th align="right" height="35">Type</th>';
	echo '</tr>';
	echo '<tr>';
	echo '<th align="right" height="35">Tri</th>';
	echo '</tr>';
 
 
	echo '<tr>';
	echo '<td colspan="2" align="center" height="40"><input type="submit" value="Visualiser la liste"></td>';
	echo '</tr>';
 
	echo '</table>';
	echo '</form>';
	echo '</div>';
	echo '<div class="footer"></div>';
	echo '</div>';
?>
</body>
</html

**fourniey** · 18/02/2008, 14h28

Personne ne sait ?

**Laurelaie** · 18/02/2008, 17h44

Salut!

Je l'ai fait il y a quelque temps...

Je ne sais pas si le problème vient de là, mais essaie déjà de mettre onchange() en minuscule! parce que chez moi ça buguait quand je mettais OnChange().

sinon je regarderais plus en détails ton code!!

**fourniey** · 18/02/2008, 19h14

Le problème est le même.

Merci de ton aide!

[AJAX] Deux listes liées

JavaScript

Discussions similaires

Partager

Partager