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

AJAX Discussion :

[AJAX] AJAX - Array Input


Sujet :

AJAX

  1. #1
    Membre du Club
    Inscrit en
    Octobre 2007
    Messages
    84
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 84
    Points : 50
    Points
    50
    Par défaut [AJAX] AJAX - Array Input
    Bonjour,

    J'ai besoins de transmettre les valeurs d'un formulaire à un script javascript pour que ce dernier envois une requête asynchrone à un script PHP qui sauvegardera le formulaire dans un fichier XML.

    Le problème est que je n'arrive pas à transmettre les valeurs d'un "input array" a ma fonction javascript :

    mon formulaire est de cette "forme" :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <form name="form1" action="javascript:tes()" method="post">
      <input name="inputArray[]" type="text" value="value 1" />
      <input name="inputArray[]" type="text" value="value 2" />
      <input name="inputArray[]" type="text" value="value 3" />
      <input name="inputArray[]" type="text" value="value 4" />
      <input name="inputHidden" type="hidden" value="hidden value" />
    </form>
    le code suivant fonctionne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    	alert(document.forms.form1.testhidden.value);
    mais pas celui là :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    	alert(document.forms.form1.inputArray.value);
    	alert(document.forms.form1.inputArray[0].value);
    Quelqu'un aurait une idée ?

    Merci.

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Salut,
    Pour les envoyer, tu dois les sérialiser:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    var data='inputArray[]='+document.getElementsByName('inputArray[]')[0].value;
    for(var i=1; i<document.getElementsByName('inputArray[]').length; i++)
    {
      data+="&inputArray[]="+document.getElementsByName('inputArray[]')[i].value;
    }
    xhr.send(data);

  3. #3
    Membre du Club
    Inscrit en
    Octobre 2007
    Messages
    84
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 84
    Points : 50
    Points
    50
    Par défaut
    Merci beaucoup cela fonctionne niquel.

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

Discussions similaires

  1. [AJAX] renseigner des input selon choix dans une liste deroulante
    Par abconcept dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 28/02/2009, 15h06
  2. [AJAX] AJAX, IE et INPUT. Trio de la mort ?
    Par hiul dragonfel dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 04/08/2008, 22h15
  3. [AJAX] AJAX - Javascript - array
    Par tavarlindar dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/05/2008, 17h16
  4. [AJAX] Alimenter un input à partir d'une liste
    Par bosserieux dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 06/02/2008, 15h10
  5. [AJAX] Ajax avec input type file
    Par cywals dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 03/08/2006, 09h29

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