javascript > Afficher un champ suivant une liste

TitreAfficher un champ suivant une liste
Postée le24-02-2010
Affichée1040
Mini-lien
Description

Exemple selectedIndex et style.visibility

EtatNe contient pas d'erreurs. Ne contient pas d'erreurs.
Code d'insertion
Options
Afficher les numéros de lignes  Mettre la source en plein ecran  Selectionner la source  Partager sur Facebook 
Téléchargement Telecharger en format txt  Telecharger en format pdf  Telecharger en format js
Plein ecran
<html>
<head>
<script type="text/javascript">
function test()
{
        objChamp=document.getElementById("champ1");
        objChamp2=document.getElementById("champ2");
        objListe=document.getElementById("liste");
        if(objListe.selectedIndex==1)
        {
                objChamp1.style.visibility='visible';
        }
        else
        {
                objChamp1.style.visibility='hidden';
        }
       
        if(objListe.selectedIndex==2)
        {
                objChamp2.style.visibility='visible';
        }
        else
        {
                objChamp2.style.visibility='hidden';
        }
}
</script>
</head>
<body>

<select id="liste" onchange="test()">
<option name="0">0</option>
<option name="1">1</option>
<option name="2">2</option>
</select>
<input type="text" name="champ1" id="champ1" value=""/>
<input type="text" name="champ2" id="champ2" value=""/>

</body>
</html>