[AJAX] Listes liées - Pas d'actualisation après choix
Bonjour,
Je souhaite créer une application utilisant le même contexte que vos solutions proposées.
J'utilise exactement la même méthode que vous, mais lors du choix dans la 1ere liste, la seconde ne s'actualise pas. J'ai placé un alert(index) dans ma fonction contacts ( s'effectuant sur le onChange du 1er select) pour vérifier son exécution. Celle-ci est valide et l'index récupéré est bien le bon. J'ai vérifié de nombreuses fois les id et name de tous mes éléments.
Depuis 3 jours je ne peux trouver d'où vient ce blocage pour la seconde liste malgré de nombreuses recherches dans différents tutos utilisant cette méthode mais rien n'y fait !
Je m'en remets à vous si vous avez une idée du problème je suis preneur !! Merci d'avance.
Voilà mes différents codes :
page_principale :
Code:
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
| <?php session_start();
if (!isset ($_SESSION["id_sess"]))
header("location:http://".$_SERVER['HTTP_HOST'].dirname($_SERVER['PHP_SELF'])."/formsess2.htm");
?>
<html>
<head>
<title>Création d'un devis</title>
<LINK REL="stylesheet" HREF="../axantech.css" TYPE="text/css">
<script language="javascript" src="MesFonctions.js"></script>
<script language="javascript" src="contact.js"></script>
</head>
<body>
<center>
<h2>Création d'un nouveau devis</h2>
</center>
<p align="left"><b><a href="deconnex.php">DECONNEXION</a></b></p>
<?php
require ("../connect.php");
@$id_connex=mysql_connect (SERVEUR,NOM,PASSE);
@mysql_select_db(BASE);
$requete_societe="select num_societe, nom_societe from societe order by nom_societe;";
@$result_societe=mysql_query($requete_societe);
?>
<form name="form" method="post" action="InsertDevis.php" onSubmit="return ControlFormCreaDevis();">
<hr>
<br>
<table border="0" align="center">
<tr>
<td width="400" height="24"><p align="center"><b>Nom de la société</b></p></td>
<td>
<select name="select_societe" id="select_societe" onChange="contacts(this.form);">
<option value="0">Choisir une société</option>
<?php
while ($tab_result_societe=mysql_fetch_array($result_societe))
{
?>
<option value="<?php echo $tab_result_societe[0]; ?>"> <?php echo $tab_result_societe[1]; ?></option>
<?php
}
?>
</select>
</td>
<td width="400" height="24">
<a href="FormCreaSociete.php"><p align="center"><b>Ajouter une nouvelle société</b></p></a>
</td>
</tr>
<tr>
<td width="400" height="24"><p align="center"><b>Nom du contact</b></p></td>
<td>
<select name="select_contact" id="select_contact">
<!--
<option value="0">Choisir un contact</option>
<?php
/*while ($tab_result_contacts=mysql_fetch_array($result_contacts))
{
?>
<option value="<?php echo $tab_result_contacts[0]; ?>"> <?php echo $tab_result_contacts[1]." ".$tab_result_contacts[2]; ?></option>
<?php
}
*/
?>
-->
</select>
</td>
</tr>
</table>
</form>
</body>
</html> |
contact.js :
Code:
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
| function getXMLHttpRequest() {
var xhr = null;
if (window.XMLHttpRequest || window.ActiveXObject) {
if (window.ActiveXObject) {
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
} else {
xhr = new XMLHttpRequest();
}
} else {
alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
return null;
}
return xhr;
}
function contacts(f)
{
var l1 = f.elements["select_societe"];
var l2 = f.elements["select_contact"];
var index = l1.selectedIndex;
alert(index);
if(index < 1)
l2.options.length = 0;
else
{
var xhr_object = getXMLHttpRequest();
xhr_object.onreadystatechange = function()
{
if(xhr_object.readyState == 4 && xhr_object.status == 200)
leselect=xhr_object.responseText;
document.getElementById('select_contact').innerHTML=leselect;
}
xhr_object.open("POST", "./toto2.php", true);
xhr_object.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
var data = "societe="+index;
xhr_object.send(data);
}
} |
et enfin le code de toto2.php , script réalisant ( normalement ) l'actualisation de la seconde liste :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <?php
header('Content-type: text/html; charset=iso-8859-1');
echo "<select name="select_contact" id="select_contact">";
require ("../connect.php");
@$id_connex=mysql_connect(SERVEUR,NOM,PASSE);
@mysql_select_db(BASE);
$r1="SELECT num_contact, nom_contact, prenom_contact from contact c, societe s WHERE s.num_societe=c.num_societe AND c.num_societe=".$_POST["societe"]." ORDER BY nom_contact;";
$result=mysql_query($r1) or die (mysql_error());
while($r = mysql_fetch_array($result))
{
echo "<option value='".$r["num_contact"]."'>".$r["nom_contact"]." ".$r["prenom_contact"]."</option>";
}
@mysql_close($id_connex);
echo "</select>";
?> |
