function choix(id){ for(i=1; i<=3; i++) { document.getElementById("champ"+i).style.display = (id.options[id.selectedIndex].value=="valeur"+i) ? 'block' : 'none'; } }
<?php for($i=1; $i<=3; $i++) { echo ' La zone '.$i.' : '; } ?>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre questionfunction choix(id){ champ1.style.display = (id.options[id.selectedIndex].value=="valeur1") ? 'block' : 'none'; champ2.style.display = (id.options[id.selectedIndex].value=="valeur2") ? 'block' : 'none'; champ3.style.display = (id.options[id.selectedIndex].value=="valeur3") ? 'block' : 'none'; } et en html: <select onChange="choix(this);"> <option></option> <option value="valeur1">valeur1</option> <option value="valeur2">valeur2</option> <option value="valeur3">valeur3</option> </select> La 1ere zone : La 2eme zone : La 3eme zone :
function choix(){ for(i=0; i<5; i++) { if(document.getElementById("select"+i).value=="option") { document.getElementById("champ"+i).style.display = 'block'; } } }
function choix(id){ for(i=0; i<5; i++) { document.getElementById("champ"+i).style.display = (id.options[id.selectedIndex].value=="option"+i) ? 'block' : 'none'; } }