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 remplie un champs texte


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    Décembre 2005
    Messages
    20
    Détails du profil
    Informations forums :
    Inscription : Décembre 2005
    Messages : 20
    Points : 19
    Points
    19
    Par défaut Liste déroulante remplie un champs texte
    Bonjour,

    Je suis un débutant en javascript du coup j'ai un peu besoin de votre aide !

    J'ai un tableau en html avec un nombre indéfinie de ligne (un bouton permet d'ajouter des lignes). Sur chaque ligne, il y a un liste déroulante (ex :Café, Coca), à chaque boisson est associée un prix et je voudrais que ce prix s'affiche dans un champs texte juste en selectionant la boisson.

    Je vois pas du tout comment faire.

    Merci pour votre aide.

  2. #2
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 649
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 649
    Points : 11 138
    Points
    11 138
    Par défaut
    bonjour,

    voici un exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
     
    <html>
    <head>
    <title></title>
     
    <script type="text/javascript">
    <!--
    function prix(valeur)
    {
    document.getElementById("monInput").value = valeur+"€";
    }
     
    //-->
    </script>
     
    </head>
     
    <body>
     
    <select size="1" onchange="prix(this.value)">
    <option value="1,23">boisson 1</option>
    <option value="2">boisson 2</option>
     </select>
     
    <input type="text" id="monInput" />
    </body>

  3. #3
    Membre à l'essai
    Inscrit en
    Décembre 2005
    Messages
    20
    Détails du profil
    Informations forums :
    Inscription : Décembre 2005
    Messages : 20
    Points : 19
    Points
    19
    Par défaut
    Merci, c'est exactement ce que je voulais !

  4. #4
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 649
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 649
    Points : 11 138
    Points
    11 138
    Par défaut
    tag (outils de la discussion)


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

Discussions similaires

  1. Lier liste déroulante et deux champs texte
    Par james23 dans le forum Servlets/JSP
    Réponses: 31
    Dernier message: 23/07/2010, 13h52
  2. lié une liste déroulante avec un champ text
    Par james23 dans le forum Général JavaScript
    Réponses: 49
    Dernier message: 12/07/2010, 09h30
  3. [MySQL] comment insérer des données d'une liste déroulante dans un champ texte
    Par berti dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 23/01/2008, 09h12
  4. Concaténer deux listes déroulantes dans un champs texte en direct
    Par arnaudperfect dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 11/12/2007, 17h50
  5. Réponses: 10
    Dernier message: 27/03/2007, 12h21

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