vue Javascript : Afficher une Div selon une Valeur Select
Kommunauty
Connexion
Inscription

Forum Programmation Javascript : Afficher une Div selon une Valeur Select

Javascript : Afficher une Div selon une Valeur Select


Furiol Messages : 50

Bonjour , j'ai un probleme avec mon code javascript , je souhaite faire apparaitre une div selon la valeur choisie mais il ne fonctionne pas

pouvez vous m'aider s'il vous plait.

<script>
function changementType() 
{


var type = document.getElementById("type").value;


if (type == "jaune") 
{
document.getElementById("jaune").style="display:block";
} 
else
{
document.getElementById("jaune").style="display:none";
}


if (type == "rouge")
{
document.getElementById("rouge").style="display:block";
}
else
{
document.getElementById("rouge").style="display:none";
}



}



</script>

et mon code:

<label >Type:</label>
		<select name="type" id="type" onchange="changementType();">      
		<option value="jaune">jaune</option>	   
	   <option value="rouge">rouge</option>	
	   </select><br/>
	   
	   <div id ="jaune" style="display:none">
	   <select name="jaune" id="jaune">
       <option value="jaune1">jaune1</option>	   
	   <option value="jaune2">jaune2</option>	
	   <option value="jaune3">jaune3</option>		   
	   </select>
	   </div>
	   
	      <div id ="rouge" style="display:none">
	   <select name="rouge" id="rouge">
       <option value="rouge1">rouge1</option>	   
	   <option value="rouge2">rouge2</option>	
	   <option value="rouge3">rouge3</option>		   
	   </select>
	   </div>
	   

Cordialement,
samedi 10 mars 2012

SiMax Messages : 7572

Salut ! Pour les select il faut utiliser un code spécifique. Essaye avec ça :

var type = document.getElementById("type");
type.options[type.selectedIndex].value;
samedi 10 mars 2012

Furiol Messages : 50

okay , je viens de tester mais cela ne fonctionne toujours pas 

<script>

function changementType() 
{


var type = document.getElementById("type");
type.options[type.selectedIndex].value;

if (type == "jaune") 
{
document.getElementById("jaune").style="display:block";
} 
else
{
document.getElementById("jaune").style="display:none";
}


if (type == "rouge")
{
document.getElementById("rouge").style="display:block";
}
else
{
document.getElementById("rouge").style="display:none";
}



}

</script>
<label >Type:</label>
        <select name="type" id="type" onchange="changementType();">      
        <option value="jaune">jaune</option>       
       <option value="rouge">rouge</option>    
       </select><br/>
       
       <div id ="jaune" style="display:none">
       <select name="jaune" id="jaune">
       <option value="jaune1">jaune1</option>       
       <option value="jaune2">jaune2</option>    
       <option value="jaune3">jaune3</option>           
       </select>
       </div>
       
          <div id ="rouge" style="display:none">
       <select name="rouge" id="rouge">
       <option value="rouge1">rouge1</option>       
       <option value="rouge2">rouge2</option>    
       <option value="rouge3">rouge3</option>           
       </select>
       </div>
samedi 10 mars 2012

Répondre Pour répondre, tu dois d'abord t'inscrire rapidement sur Kommunauty. Rejoins-nous vite !

Forum Programmation Javascript : Afficher une Div selon une Valeur Select

Kommunauty © Tous droits réservés Contact / Charte & Mentions légales / Hebergement gratuit / Bon plan hébergement / Aide B2i

RSS