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 :

Texte du SELECT différent de celui sélectionné


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    31
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 31
    Par défaut Texte du SELECT différent de celui sélectionné
    Bonjour à tous !

    Voilà mon soucis : j'ai un formulaire avec un champ select, qui a plusieurs options. Je voudrais quand je clique sur une option, que ça ne m'affiche non pas le texte de l'option, mais un texte en déterminé en fonction de cette valeur.

    Par exemple, je voudrais faire qqch du style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <select id="txt1">
    <OPTION>Option 1 : description de l'option 1</OPTION>
    <OPTION>Option 2 : description de l'option 2</OPTION>
    <OPTION>Option 3 : description de l'option 3</OPTION>
    </select>
    Seulement je voudrais que cliquer sur le i-ème m'affiche non pas "Option i : description de l'option i", mais juste "Option i".

    J'ai bien essayé de mettre du javascript là-dedans, en rajoutant à mes options :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    onclick="document.getElementById('txt1').value='Option i';"
    mais ça n'a pas été fructueux...

    Quelqu'un à une idée ? C'est possible au moins ?

    Merci

  2. #2
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par défaut
    salut

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <select id="txt1" onchange="alert(this.value);">
    <OPTION value="Option 1">Option 1 : description de l'option 1</OPTION>
    <OPTION value="Option 2" >Option 2 : description de l'option 2</OPTION>
    <OPTION value="Option 3" >Option 3 : description de l'option 3</OPTION>
    </select>
    mais je ne pense pas que ce soit ça que tu veux. tu aimerais afficher dans la box du select "Option i" au lieu de tout le libellé. ce n'est possible que si tu modifie le texte de l'option concerné... c'est pas top top ce genre de chose, j'en vois mal l'intérêt.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    31
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 31
    Par défaut
    Merci de ta réponse. En fait tu as raison : il n'y a pas bien d'intérêt...

    Je m'explique : mon but était de sélectionner une option avec sa description, mais de n'entrer dans ma base de données que le n° de l'option.
    D'où ma question.

    Mais je crois qu'il sera bien plus simple (et logique ?) de traiter au moment de l'insertion dans la base !

    Merci quand même !

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 13/10/2010, 16h20
  2. Réponses: 14
    Dernier message: 19/05/2006, 13h26
  3. Réponses: 3
    Dernier message: 20/04/2006, 23h21
  4. ajout champ text dans select
    Par maximenet dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/03/2006, 11h38
  5. Réponses: 4
    Dernier message: 09/12/2005, 13h53

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