"undefined index" après une action javascript sur un select

Version imprimable

Bonjour,

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

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:

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 ?

05/08/2008, 10h42
Thes32

salut,
Peux tu montrer ta fonction actualiser_quartiers ?

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:

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:

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>

05/08/2008, 11h17
brunoperel
Ah, je viens de me rendre compte que dans l'une des premières lignes du javascript :
Code:

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à.