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 :

affichage de la valeur du champ sélectionné d'un select


Sujet :

JavaScript

  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut affichage de la valeur du champ sélectionné d'un select
    Bonjour,

    pourquoi ce code ne marche-t-il pas ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <select id="selectId">
    <option>Champ1</option>
    <option>Champ2</option>
    </select>
    <script language="javascript">
    var selectElmt = document.getElementById('selectId');
    msg=selectElmt.options[selectElmt.selectedIndex].value;
    document.write(msg);
    </script>

  2. #2
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    Salut,

    Utilises juste
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    msg=selectElmt.value;

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Ca ne marche pas plus ; mais je suis en train de me dire : il faut attendre que l'utilisateur ait sélectionné quelque chose ; comment faire ?

  4. #4
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    Avec un gestionnaire d'évenement (comme dans ton post précédent).

    Il faut aussi séléctionner un élément par défaut et utiliser l'atribut value...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <option selected="selected" value="champs1">Champ séléctionné par défaut</option>

  5. #5
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Oui, évidemment, sans l'attribut value, ça ne risquait pas de marcher...mais avec non plus :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <select id="selectId">
    <option selected="selected" value="champ1">Champ
    s&eacute;l&eacute;ctionn&eacute; par d&eacute;faut</option>
    <option value="champ2">Champ2</option>
    </select>
    <script language="javascript">
    var selectElmt = document.getElementById('selectId');
    msg=selectElmt.value;
    document.write(<br>+'msg='+msg);
    </script>

  6. #6
    Membre chevronné Avatar de nadox
    Homme Profil pro
    Développeur
    Inscrit en
    Février 2010
    Messages
    360
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : Développeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2010
    Messages : 360
    Par défaut
    Bonjour, si ce n'est pas sur le changement de valeur du select(comme ici avec document.write au chargement de la page) et que on teste avec ie, il faut aussi avoir mis
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    defaultSelected="defaultSelected"
    .
    Bien entendu ça ne fonctionnera que au chargement de la page.

  7. #7
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Oui, mais tu le mets où ? Car avec ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <select id="selectId">
    <option selected="selected" defaultselected="defaultSelected"
     value="champ1">Champ
    s&eacute;l&eacute;ctionn&eacute; par d&eacute;faut</option>
    <option value="champ2">Champ2</option>
    </select>
    <script language="javascript">
    var selectElmt = document.getElementById('selectId');
    msg=selectElmt.value;
    document.write(<br>+'msg='+msg);
    </script>
    il ne se passe rien. Et de plus, que au chargement de la page, ça m'embête car je voudrais rafraichir la valeur à chaque fois que l'utilisateur la modifie...

  8. #8
    Membre chevronné Avatar de nadox
    Homme Profil pro
    Développeur
    Inscrit en
    Février 2010
    Messages
    360
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : Développeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2010
    Messages : 360
    Par défaut
    Bah déjà pour que ça change il faut utiliser onchange comme dans ton autre post... Pourquoi ne pas utiliser alert pour débugger plutôt que document.write ??

  9. #9
    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
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.write(<br>+'msg='+msg);
    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 !

  10. #10
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Pourquoi ne pas utiliser alert pour débugger plutôt que document.write ??
    Pour t'embêter (et par une plus grande habitude du echo du PHP).
    Et finalement, j'ai fait un truc qui me convient :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <select id="selectId" onchange="alert(selectId.value)">
    <option value="champ1">Champ1</option>
    <option value="champ2">Champ2</option>
    </select>
    (tout bête, quoi)

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

Discussions similaires

  1. Affichage d'une valeur dans un champs
    Par vinz78 dans le forum VBScript
    Réponses: 3
    Dernier message: 28/06/2007, 16h20
  2. [Formulaire]Affichage de la valeur du champ
    Par Harmony dans le forum IHM
    Réponses: 2
    Dernier message: 24/03/2007, 17h50
  3. Affichage de la valeur d'un champ
    Par gmoria dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 11/10/2006, 15h01
  4. [Oracle 8.1.7] affichage d'un valeur d'un autre champ
    Par Jean-Matt dans le forum Langage SQL
    Réponses: 7
    Dernier message: 01/09/2006, 13h18
  5. [Oracle 8.1.7] affichage d'un valeur d'un autre champ
    Par Jean-Matt dans le forum Oracle
    Réponses: 7
    Dernier message: 01/09/2006, 13h17

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