Le soucis quand on ouvre la page le display auto et moto ce vois et j'aimerais garder la valeur catégorie moteur quand l'on clique sur le submit
<HTML>
<HEAD>
<META name="description" content="Venez déposer votre petite annonce gratuitement.">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="LANGUAGE" CONTENT="FR">
<link rel="stylesheet" media="screen" href="images/style.css" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="scriptsjquery.wallform.js"></script>
<link rel=stylesheet href="cs.css" type="jqueryH/text/css">
<script language="javascript" src="jqueryH/chainedselects.js"></script>
<script language="javascript" src="jqueryH/content.js"></script>
<SCRIPT LANGUAGE="JavaScript">
function datadisplay()
{
var obj = document.getElementById('categoriemoteur');
if(obj.value == "auto"){
document.getElementById('auto').style.display = 'block';
}
else {
document.getElementById('auto').style.display = 'none';
}
if(obj.value == "moto"){
document.getElementById('moto').style.display = 'block';
}
else {
document.getElementById('moto').style.display = 'none';
}
}
liste=new Array();
liste[0] = new Array("«Choisissez le département»");
liste[1] = new Array("Anvers","Malines","Turnhout");
liste[2] = new Array("Hal-Vilvorde","Louvain");
liste[3] = new Array("Wavre","Nivelles");
liste[4] = new Array("Anderlecht","Auderghem","Bruxelles","Etterbeek","Evere","Forest","Ganshoren","Ixelles","Jette","Koekelberg","Molenbeek-Saint-Jean",
"Saint-Gilles","Saint-Josse-ten-Noode","Schaerbeek","Uccle","Watermael-Boitsfort","Woluwe-Saint-Lambert","Woluwe-Saint-Pierre");
liste[5] = new Array("Bruges","Courtrai","Dixmude","Furnes","Ostende","Roulers","Tielt","Ypres");
liste[6] = new Array("Alost","Audenarde","Eeklo","Gand","Saint-Nicolas","Termonde");
liste[7] = new Array("Ath","Charleroi","Mons","Mouscron","Soignies","Thuin","Tournai");
liste[8] = new Array("Huy","Liège","Verviers","Waremme");
liste[9] = new Array("Hasselt","Maaseik","Tongres");
liste[10] = new Array("Arlon","Bastogne","Marche-en-Famenne","Neufchâteau","Virton");
liste[11] = new Array("Dinant","Namur","Philippeville");
function changeliste()
{
choix=document.getElementById("region").value;
t='<SELECT id="departement" name="departement" style="width:200px;" class="formchamp">';
for(i=0;i<liste[choix].length;i++)
{
t+="<option value=\""+liste[choix][i]+"\">"+liste[choix][i]+"</option>";
}
document.getElementById("departement_div").innerHTML=t+'</select>';
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<label for="region">Province:</label>
<A><select id="region" onChange="changeliste()" name="region" style="width:200px;" class='formchamp'>
<OPTION value='' >Choisissez la Province</OPTION>
<option value=1 >Anvers</option>
<option value=2 >Brabant Flamand</option>
<option value=3 >Brabant Wallon</option>
<option value=4 >Bruxelles</option>
<option value=5 >Flandre occidentale</option>
<option value=6 >Flandre orientale</option>
<option value=7 >Hainaut</option>
<option value=8 >Liège</option>
<option value=9 >Limbourg</option>
<option value=10 >Luxembourg</option>
<option value=11 >Namur</option>
</select></A>
<label for="departement">Région : </label>
<A id=departement_div ><SELECT id="departement" name="departement" style="width:200px;" class='formchamp'>
<OPTION value='' >Choisissez de la région</OPTION></SELECT></A>
<select id="categoriemoteur" name="categoriemoteur" class="int" onChange="javascript:datadisplay();" >
<optgroup label=Véhicule>
<option value="auto">Voiture</option>
<option value="moto"> Moto</option>
<option value="bateau"> Bateau</option>
<option value="caravane"> Caravane</option>
<option value="remorque"> Remorque</option>
<option value="jet-ski"> Jet ski</option>
<option value="agricole"> Agricole </optgroup>
<optgroup label=Immobilier>
<option value="vente-maison"> Vente maison</option>
<option value="appartement"> Appartement</option>
<option value="location"> Location</option>
<option value="terrain"> Terrain</option>
<option value="etang"> Etang</option>
<option value="mobil-home"> Mobil Home </optgroup>
<optgroup label=Multimédia>
<option value="informatique"> Informatique</option>
<option value="telephonie"> Téléphonie </option>
<option value="television"> Télévision</option>
<option value="chaine-hifi"> Chaine hifi</option>
<option value="jeu-video"> Jeu vidéo</option>
<option value="dvd-film"> Dvd film </option>
<option value="livre"> Livre</option>
<option value="musique"> Musique</option>
<option value="photo-video"> Photo & Vidéo </optgroup>
<optgroup label=Maison>
<option value="electromenager"> Electroménager</option>
<option value="ameublement"> Ameublement</option>
<option value="decoration"> Décoration</option>
<option value="bricolage"> Bricolage</option>
<option value="jardinage"> Jardinage</option>
<option value="bijoux"> Bijoux</option>
<option value="equipement-bebe"> Equipement bébé</option>
<option value="vetement"> Vêtements & Accessoires</optgroup>
<optgroup label=Divers>
<option value="chien"> Chien </option>
<option value="chat"> Chat </option>
<option value="emploi"> Emploi </option>
<option value="service"> Service</option>
<option value="jouet"> Jouet</option>
<option value="billetterie"> Billetterie </option>
<option value="voyage"> Voyage</option>
<option value="autre"> Autre</optgroup> </select>
<input type='submit' value='' class="submit">
<p><dd id="auto">
<select name="maker" style="width:120px"></select>
<select name="type" style="width:120px"></select>
<select name="model" style="width:120px"></select>
</dd></p>
<p><dd id="moto">
<select name="maker" style="width:120px"></select>
<select name="type" style="width:120px"></select>
<select name="model" style="width:120px"></select>
</dd></p>
</FORM>
</BODY>
</HTML>