Liste déroulante de 100 options et "selected"

Version imprimable

16/06/2008, 12h27
Monkey_D.Luffy

Liste déroulante de 100 options et "selected"

Bonjour,

J'ai un formulaire permettant de modifier des informations, en Html/JSP.
J'ai une liste déroulante d'une centaine de pays.

Est-il possible de mettre un id à chaque pays, et de désigner ensuite l'id qui sera à selected (en Html, ou Javascript) ?

Par exemple si la personne dont je veux modifier les informations vient de Belgique, ça sera la valeur "Belgique" qui sera sélectionnée par défaut au chargement de la page, etc...
Je voudrais éviter d'avoir à faire un test sur chaque valeur de la liste déroulante.

Merci de votre aide.
16/06/2008, 13h02
Er3van
En HTML :
Code:

1 2 3 4 5 <select name="Pays"> <option value="1">France</option> <option value="2">Espagne</option> </select>
Par contre la selection du pays par défaut se fera AHMA plus simplement en PHP avec la gestion des variables de session, mais en JavaScript pourquoi pas. Et tu seras surement obligé de faire un test à chaque fois, mais bon, ce n'est pas vraiment un problème, d'autant que si tu gères ta liste via une BDD, tu peux tout générer en PHP en quelques lignes.
16/06/2008, 15h01
Monkey_D.Luffy

Merci pour la réponse.

En fait mon projet se fait sous Netbeans et en Java/Jsp/Html/JS exclusivement (je ne peux pas inclure de php).

Mais on m'a parlé de document.getElementById("nom_du_pays").selected = "selected".
Cela ne pose pas problème si les différentes options ont des id différents ?

En fait il faut que tu utilises l'ID du select et non des options.

Exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <select id="monselect"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> </select> <script type="text/javascript"> var oMonSelect = document.getElementById("monselect"); oMonSelect.selectedIndex = 2; </script>
Ceci sélectionnera "Option 3"
(le value n'a pas d'importance, cela marche comme un tableau d'indice de départ 0, si tu met selectedIndex = 0, cela choisira le premier de la liste)
Attention, le javascript est senssible à la casse (selectedIndex est différent de selectedindex ou encore de SelectedIndex)

16/06/2008, 20h38
Bovino

Pour moi, d'après ce que souhaite obtenir Monkey_D.Luffy, il vaut mieux combiner les id et value :

Une fois qu'il a récupéré le pays du visiteur, il récupère le value via getElementById, et affecte son selectedIndex...

Citation:

Cela ne pose pas problème si les différentes options ont des id différents ?

Non, ce qui pose problème, c'est quand ils ont le même !
17/06/2008, 09h11
SpaceFrog

heu déja un id sur une option ???

mieux vaut passer par options ...

Il n'est peut-être pas nécessaire d'ajouter un id à chaque option. A ta place j'aurais écrit le nom du pays dans l'attribut value, puis à l'affichage de la page :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 <html> <head> <title></title> <script type="text/javascript">  </script> </head> <body onload="selectPays('pays4')"> <select id="liste"> <option value="pays1">Pays 1</option> <option value="pays2">Pays 2</option> <option value="pays3">Pays 3</option> <option value="pays4">Pays 4</option> <option value="pays5">Pays 5</option> <option value="pays6">Pays 6</option> </select> </body> </html>
Il faut toutefois que le contenu de value soit rigoureusement exact à ce qui est passé en paramètre à la fonction pour que l'option soit sélectionnée (sachant qu'il vaut mieux éviter les caractères accentués, les caractères spéciaux, les espaces dans le paramètre value).

17/06/2008, 14h18
Monkey_D.Luffy

Merci, j'ai finalement fait cette solution, mais en Java.
J'ai donc enregistré tous les pays dans une arrayList, et cela fonctionne. :D