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 :

Changer la valeur de plusieurs champs en utilisant for


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    73
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 73
    Par défaut Changer la valeur de plusieurs champs en utilisant for
    Bonjour.

    Désolé pour le titre peu explicite.

    Mon problème est tout simple.

    Je possède trois champs input de formulaire (field1, field2, field3).
    Je voudrais écrire un truc comme ceci :
    for (var i = num; i < 4; i++) {
    document.form.field + i + .value = 'toto' + i;
    }

    Bien sûr ça ne fonctionne pas.

    Comment dois-je faire ?

    Merci.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Mets des id à tes champs et fait comme ça dans ton for :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('field' + i).value = 'toto' + i;

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    73
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 73
    Par défaut
    Merci Bisûnûrs.

    La doc de devellopez.net stipule que getElementById() est la méthode préconisée.
    Je souhaite néanmoins utiliser l'autre méthode car ma page contient plusieurs formulaires form1, form2, ... contenant le même code (mêmes champs) et donc les mêmes id.
    Y a-t-il une solution dans ce cas ?

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par jpascal Voir le message
    et donc les mêmes id.
    Un petit rappel est nécessaire :

    Un id est unique dans une page !

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    73
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 73
    Par défaut
    Au temps pour moi. Je vais donc modifier cela.

    Merci pour ton aide.

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

Discussions similaires

  1. Réponses: 7
    Dernier message: 30/01/2008, 17h39
  2. Changer la valeur d'un champ à une certaine date
    Par Yann39 dans le forum Langage SQL
    Réponses: 9
    Dernier message: 27/12/2007, 15h54
  3. Changer la valeur d'un champs d'une table acces via vba
    Par gege22mars dans le forum VBA Access
    Réponses: 4
    Dernier message: 10/09/2007, 20h37
  4. message d'erreur lorsque j'essaie de changer la valeur d'un champ.
    Par cladsam dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 08/06/2006, 14h00
  5. [SQL] copier la valeur de plusieurs champs
    Par Ben_Le_Cool dans le forum Bases de données
    Réponses: 2
    Dernier message: 30/04/2006, 18h10

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