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