OVH Cloud OVH Cloud

faire apparaitre ou disparatre un choix

3 réponses
Avatar
Drannoc
Bonjour ,
comment en javascript faire en sorte que dans un formulaire un choix
multiple apparaisse si et seulement si une case a cocher a été cocher
( justement :) )
Exemple :
Case à cocher A :Plongez vous en Afrique.
Si A est coché faire apparaitre une liste de pays ( ça je sais faire ).
Si A est décoché ( valeur par défaut ) la liste n'apparait pas.

Merci de vos lumières

3 réponses

Avatar
CrazyCat
Drannoc wrote:
Bonjour ,
comment en javascript faire en sorte que dans un formulaire un choix
multiple apparaisse si et seulement si une case a cocher a été cocher
( justement :) )
Exemple :
Case à cocher A :Plongez vous en Afrique.
Si A est coché faire apparaitre une liste de pays ( ça je sais faire ).
Si A est décoché ( valeur par défaut ) la liste n'apparait pas.


<html>
<head>
<script language="javascript">
function show() {
if (getElementById("A").checked == true) {
getElementById("Liste").style.display = 'block';
} else {
getElementById("Liste").style.display = 'none';
}
}
</script>
</head>
<body onload="show();">
<form>
<input type="checkbox" id="A" onchange="show();">
<select id="Liste" style="display: none;">
<option>...</option>
</select>
</form>
</body>
</html>

--
Aide informatique: http://help-info.forumactif.com
Humour: http://www.chatfou.com
Tchattez en liberté: http://www.crazy-irc.net

Avatar
ASM
Bonjour ,
comment en javascript faire en sorte que dans un formulaire un choix
multiple apparaisse si et seulement si une case a cocher a été cocher
( justement :) )
Exemple :
Case à cocher A :Plongez vous en Afrique.
Si A est coché faire apparaitre une liste de pays ( ça je sais faire ).
Si A est décoché ( valeur par défaut ) la liste n'apparait pas.



<input type="checkbox" value="Liste_vue"
onclick="maListe.style.display=this.checked?'block':'none';" />
<select name="maListe" style="display:none" blabla>


variante :

<input type="checkbox" value="Liste_vue"
onmouseup="maListe.style.display=this.checked?'block':'none';" />
<select name="maListe" style="display:none" blabla>

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Olivier Miakinen
if (getElementById("A").checked == true) {
getElementById("Liste").style.display = 'block';
} else {
getElementById("Liste").style.display = 'none';
}


Y a-t-il un inconvénient sur certains navigateurs à utiliser la valeur
'' au lieu de 'block' ?

Je demande ça car il y a des tas de cas où fixer la valeur en dur à
'block' pose des problèmes, par exemple pour un élément inline (tous
navigateurs) ou pour un élément de tableau ('block' pour IE, mais
'table-cell' pour ceux qui respectent les standards).

--
Olivier Miakinen
Troll du plus sage chez les conviviaux : le nouveau venu, avec
son clan, s'infiltre dans les groupes de nouvelles. (3 c.)