Discussion :

[shirya]

Bonjour, je voudrais savoir comment faire pour que lorsque l'onclique sur un bouton radio, une liste déroulante s'affiche
merci a ceux qui me répondent
shirya

[Johnbob]

1) Capter l'événement "clic sur le bouton radio":
<input type="radio" onclick="show_select();"

2) Implémenter la fonction Javascript qui affiche la liste déroulante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
show_select() {
   document.getElementById("my_select").style.display="";
}

3) Identifier et cacher par défaut le select dans ton flux HTML:
<select id="my_select" style="display:none;">

[shirya]

merci
et si je veux que le select disaraisse quand le bouton radio est déselectionné?

[Johnbob]

Transforme ta fonction show_select (tu peux la renommer en switch_select, c'est mieux):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
switch_select() {
if (document.getElementById("my_radio").checked) {
   document.getElementById("my_select").style.display="none";
}
else {
   document.getElementById("my_select").style.display="";
}

en oubliant pas de donner le bon id à ton bouton radio

Il y a d'autres méthodes bien sur, par exemple appeler ta fonction comme cela: onclick="switch_select(this);" et écrire ta fonction comme ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
switch_select(radio_button) {
if (radio_button.checked) {
   document.getElementById("my_select").style.display="none";
}
else {
   document.getElementById("my_select").style.display="";
}

[shirya]

merci pour la réponse je peux enfin passer a autre chose