Voici mon code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function changementType() {
	var type = document.getElementById("type").value;
	if (type == "Les ampoules") {
		document.getElementById("Les ampoules").style.display="block";
	} else{
		document.getElementById("Les ampoules").style.display="none";
	}
	if (type == "Les filtres"){
		document.getElementById("Les filtres").style.display="block";
	}else{
		document.getElementById("Les filtres").style.display="none";
	}
	if (type == "Le freinage"){
		document.getElementById("Le freinage").style.display="block";
	}else{
		document.getElementById("Le freinage").style.display="none";
	}
	if (type == "Les huiles"){
		document.getElementById("Les huiles").style.display="block";
	}else{
		document.getElementById("Les huiles").style.display="none";
	}
}
</script>
</head>

<body>
<select name="type" id="type" onchange="changementType();">
       <option value="Unique">Choix de la catégorie</option>	
       <option value="Les ampoules">Les ampoules</option>	   
	   <option value="Les filtres">Les filtres</option>		
       <option value="Le freinage">Le freinage</option>
       <option value="Les huiles">Les liquides et huiles</option>          	   
      </select><br/>
	   
    <div id ="Les ampoules" style="display:none;">essai 1</div>  
    <div id="Les filtres" style="display:none">essai 2</div>
    <div id="Le freinage" style="display:none">essai 3</div>
    <div id="Les huiles" style="display:none">essai 4</div>
    </div>

</body>
</html>


le div "les huiles" n'apparais pas quand je le selectionne.. par contr si je supprimme un autre div il apparaitra..
ce système n'axepte que 3 div ?
pouvez vous m'aider svp?
Modifié par puma67000 (01 Apr 2009 - 16:12)