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 :

Comment "mapper" un array en fonction des champs name d'un formulaire ?


Sujet :

JavaScript

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 284
    Points : 149
    Points
    149
    Par défaut Comment "mapper" un array en fonction des champs name d'un formulaire ?
    Bonjour,

    J'aimerais savoir si il est possible de construire un array à partir de champs dynamiques d'un formulaire, par exemple:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form id="mes-voitures">
      <input name="[voiture]" type="text">
      <input name="[voiture]" type="text">
      <input name="[voiture]" type="text">
    </form>

    Je voudrais pouvoir faire quelque chose comme:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var Form = $('#mes-voitures').serializeArray();
    console.log(Form[0].voiture[0]);
    console.log(Form[0].voiture[1]);
    console.log(Form[0].voiture[2]);
    Est-il possible de traiter les formulaires de cette manière ?
    Quelle méthode utilisez vous dans le cas où vous avez n champs input à traiter lorsqu'ils sont tous du même "name" ?

    Merci !

  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 : 53
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Qu'est-ce que c'est que ces name ?

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form id="mes-voitures">
      <input name="voiture" type="text">
      <input name="voiture" type="text">
      <input name="voiture" type="text">
    </form>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var champs = document.getElementsByName('voiture');
    console.log(champs[0]);
    console.log(champs[1]);
    console.log(champs[2]);
    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

Discussions similaires

  1. Réponses: 1
    Dernier message: 11/11/2014, 21h21
  2. Réponses: 2
    Dernier message: 08/06/2012, 09h58

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