IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Liste déroulante de 100 options et "selected"


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Avril 2008
    Messages
    199
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 199
    Par défaut 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.

  2. #2
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    En HTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2008
    Messages
    199
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 199
    Par défaut
    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 ?

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    47
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Juin 2008
    Messages : 47
    Par défaut
    En fait il faut que tu utilises l'ID du select et non des options.

    Exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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)

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    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...

    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 !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    heu déja un id sur une option ???

    mieux vaut passer par options ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. compatibilite IE et firefox option selected des liste déroulantes
    Par soldier1 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 22/10/2010, 11h05
  2. Liste déroulantes . Interdire certaines options
    Par hisy dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/01/2006, 12h58
  3. Réponses: 7
    Dernier message: 10/01/2006, 10h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo