Discussion :

[brunoperel]

Bonjour,

Voilà j'ai une première page contenant, pour résumer, ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<form id="formulaire" name="formulaire" ENCTYPE="multipart/form-data" METHOD="POST" ACTION="">
<select id="departement" name="departement">
<option value="aucun">Choisissez un département</option>
<option value="01">01 Ain</option>
<option value="02">02 Aisne</option>
</select><br />
Ville : <input type="text" id="ville" name="ville" size="30" autocomplete="off" onchange="actualiser_quartiers(this.value)"/><br />
<span id="span_quartier">
Quartier : <select id="quartier" name="quartier"><option value="none">[Aucun quartier pour cette ville]</option></select>
</span>

Le fonction actualiser_quartiers(nom_ville) met à jour la liste des quartiers (dans span_quartier) une fois qu'on a tapé le nom de la ville.
Problème, une fois qu'on a validé le formulaire :

Code :

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

Notice: Undefined index: quartier

C'est sans doute parce que j'ai réécrit, avec le javascript, à l'intérieur de span_quartier, mais comment résoudre le problème ?

[Thes32]

salut,
Peux tu montrer ta fonction actualiser_quartiers ?

[brunoperel]

Bien sûr, la voici (je l'ai beaucoup simplifiée ici, j'espère qu'il n'y a pas d'erreur de syntaxe):

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
 
function actualiser_quartiers(nom_ville) {
document.getElementById("span_quartiers").innerHTML=
			'<SELECT NAME="quartier" id="quartier"><OPTION VALUE="">[Chargement de la liste...]</OPTION>';
var OAjax;
if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); 
OAjax.open('POST',"class/miniscript.php",true);
OAjax.onreadystatechange = function()
	{
		if (OAjax.readyState == 4 && OAjax.status==200)
		{
			if (document.getElementById) 
                            document.getElementById("span_quartiers").innerHTML=OAjax.responseText;
                }
 
	}      
	OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
OAjax.send("ville="+nom_ville);
}

Et dans miniscript.php (mais je pense pas que ce soit important), il y a :

Code :

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

1
2
3
4
5
6
 
<select id="quartier" name="quartier">
<option value="aucun">[Aucun quartier]</option>
<option value="bacalan">Bacalan</option>
<option value="barriere_de_toulouse">Barriere De Toulouse</option>
</select>

[brunoperel]

Ah, je viens de me rendre compte que dans l'une des premières lignes du javascript :

Code :

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

1
2
document.getElementById("span_quartiers").innerHTML=
			'<SELECT NAME="quartier" id="quartier"><OPTION VALUE="">[Chargement de la liste...]</OPTION>';

J'ai oublié le </select>, mais comme le contenu de span_quartiers est ensuite re-rempli avec Ajax, je pense pas que le problème soit là.