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 :

Modification des valeurs d'une liste déroulante


Sujet :

JavaScript

  1. #1
    Membre du Club
    Inscrit en
    Août 2006
    Messages
    123
    Détails du profil
    Informations forums :
    Inscription : Août 2006
    Messages : 123
    Points : 47
    Points
    47
    Par défaut Modification des valeurs d'une liste déroulante
    Salut,
    Dans le code ci dessous, je veux modifier les valeur de ma liste déroutante lorsque je clique sur le bouton modifier.

    Ma méthode de modification :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function modifier(){
    		for(i=1; i<=3;i++){
    			this.form.elements['liste'].options[i].value = i*10;
    		}
     
    	}
    Ma liste que je veux modifier les valeurs :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <label>Liste :
    <select name="liste" >
      <option value="">Toutes</option>
      <option value="2009">2009</option>
      <option value="2008">2008</option>
      <option value="2007">2007</option>
    </select>
    <input type="button" value="Modifier" onclick="modifier()" />
    </label>
    Le clic sur le bouton modifier ne donne rien !!!

    Pouvez vous me dire pourquoi?

    et Merci de votre aide.

  2. #2
    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 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 637
    Points : 66 662
    Points
    66 662
    Billets dans le blog
    1
    Par défaut
    Le clic sur le bouton modifier ne donne rien !!!
    si si les valeurs sont bien modifiées ..
    le texte ne l'est pas ...

    si tu fais sur le onchange:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onchange="alert(this.value)"
    tu verras que les valeurs sont correctement attribuées ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    il faut également modifier le texte ...
    this.form.elements['liste'].options[i].value = i*10;
    this.form.elements['liste'].options[i].innerHTML= i*10;
    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 !

  3. #3
    Membre du Club
    Inscrit en
    Août 2006
    Messages
    123
    Détails du profil
    Informations forums :
    Inscription : Août 2006
    Messages : 123
    Points : 47
    Points
    47
    Par défaut
    Un grand merci SpaceFrog pour ta réponse assez rapide.

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

Discussions similaires

  1. [LibreOffice][Base de données] Recuperer des valeurs d'une liste déroulante sur une autre liste
    Par nesta. dans le forum OpenOffice & LibreOffice
    Réponses: 2
    Dernier message: 28/04/2015, 11h43
  2. [AC-2007] Modification de valeur d'une liste déroulante sur formulaire
    Par cocoda dans le forum IHM
    Réponses: 4
    Dernier message: 11/10/2012, 17h16
  3. Réponses: 8
    Dernier message: 02/11/2009, 13h01
  4. Réponses: 2
    Dernier message: 23/10/2009, 10h16
  5. Récupération des valeurs d'une liste déroulante
    Par Donkybanane dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/06/2009, 12h56

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