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 :

utiliser onchange pour modifier le formulaire


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Expert technique
    Inscrit en
    Septembre 2003
    Messages
    328
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Expert technique

    Informations forums :
    Inscription : Septembre 2003
    Messages : 328
    Par défaut utiliser onchange pour modifier le formulaire
    Bonjour,

    J'ai un formulaire qui possède des champs de même nom (name). Le but de ce fonctionnement est de remplir automatiquement tous les champs ayant le même nom.

    Pour explication, mon formulaire est composé d'un long texte incluant des champs récurrents comme le nom, le prénom, le sexe, etc.

    Voilà, j'espère vous m'aider.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    En utilisant getElementsByName ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé
    Profil pro
    Expert technique
    Inscrit en
    Septembre 2003
    Messages
    328
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Expert technique

    Informations forums :
    Inscription : Septembre 2003
    Messages : 328
    Par défaut
    Ben je dois pas bien m'y prendre pcq ca ne fonctionne pas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <script type="text/javascript">
    function fill(id,value) { 
    	document.getelementsbyname(id).value = value;
    } 
    </script>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="text" value="" onchange="fill(this.id,this.value)" class="contrat" id="nom" name="nom">
    <input type="text" value="" onchange="fill(this.id,this.value)" class="contrat" id="nom" name="nom">
    Une idée ?

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Oui, c'est sûr que sans apprendre les bases avant de coder, ça complique les choses

    D'abord, JavaScript est sensible à la casse, donc getelementsbyname est différent de getElementsByName.
    Comme l'indique le 's' à la fin de Elements, getElementsByName renvoie une collection d'objets HTML, donc tu ne peux pas attribuer un value à la collection, il faut boucler parmi les membres de cette collection.
    Au cas où, je te rapelle aussi qu'un id doit être unique dans la page, ton code semble montrer que ce n'est pas le cas.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre éclairé
    Profil pro
    Expert technique
    Inscrit en
    Septembre 2003
    Messages
    328
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Expert technique

    Informations forums :
    Inscription : Septembre 2003
    Messages : 328
    Par défaut
    J'avoue ne pas bien connaître le JS ou encore l'AJAX. On ne peut pas tout connaitre non plus.

    Pour ce qui est des id, c'est juste une erreur quand j'ai fait le copier coller dans ma page de test. Je ne vais pas l'utiliser de toute façon.

    Pour le getElementsByName, je suis en train de me documenter. Je reviendrai poster si je n'y arrive pas :s

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

Discussions similaires

  1. Réponses: 1
    Dernier message: 27/12/2012, 08h42
  2. [phpMyAdmin] Utiliser phpMyAdmin pour modifier des rubriques de ma bdd
    Par panatan dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 3
    Dernier message: 24/02/2011, 20h45
  3. Utiliser LOCATE pour modifier un enregistrement
    Par karinya dans le forum Bases de données
    Réponses: 6
    Dernier message: 22/10/2010, 12h01
  4. comment utiliser Notepad pour modifier un fichier texte?
    Par moon13_698 dans le forum Autres Logiciels
    Réponses: 7
    Dernier message: 06/05/2006, 15h41
  5. Réponses: 8
    Dernier message: 23/03/2005, 19h28

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