Liste simple et à choix multiples
Bonjour,
Imaginons que j'ai 2 boutons radio :
Code:
1
2
3
|
<INPUT type="radio" name="btRadio" value="choix1" onClick="liste_simple(this);">Choix 1
<INPUT type="radio" name="btRadio" value="choix2" onClick="liste_multiple(this);">Choix 2 |
Imaginons que j'ai une liste déroulante contenant les options suivantes :
Code:
1
2
3
4
5
6
|
<SELECT name="monSelect" id="monSelect">
<OPTION value="1">OPTION 1 </OPTION>
<OPTION value="2">OPTION 2 </OPTION>
<OPTION value="3">OPTION 3 </OPTION>
</SELECT> |
Le principe est simple : si je sélectionne "Choix 1" la liste doit être une liste simple pour que l'utilisateur ne puisse sélectionner qu'une seule option (et size doit être égal à 1). Inversement si je choisis "Choix 2" la liste doit être une liste à choix multiple (attributs : size=3 et multiple). Il faut donc que je mette des évènements onclick() sur les boutons radio (cf code sur les boutons radio) pour modifier la taille de la liste et la paramétrer comme multiple ou simple.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<head>
<script language="Javascript1.1">
function liste_simple(f)
{
// Paramétrer la taille de la liste à 1
// Supprimer le multiple
}
function liste_multiple(f)
{
// Paramétrer la taille de la liste à 3
// Paramétrer le multiple
}
</script>
</head> |
Mon problème est que, malgré des recherches sur le Net et le forum, je ne sais pas comment manipuler les attributs size et multiple en Javascript.
Pour le size j'avais trouvé la solution suivante, mais cela ne marche pas (mes listes disparaissent et je n'ai pas d'erreur dans la console Javascript) :
Code:
1
2
|
document.getElementById("monSelect").style.width="x" |
J'ai essayé de remplacer width par size; les listes ne disparaissent plus et je n'ai toujours pas d'erreur dans la console Javascript, mais la taille ne change pas. Pour info j'ai testé avec IE et Firefox.
Concernant le multiple j'ai même pas trouvé une piste.
Quelqu'un voit-il une solution pour le paramétrage de mon select ?
Merci.
