Kommunauty
Connexion
Inscription

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 !