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 :

DOM: récupérer valeur d'un <td>


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    162
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 162
    Points : 45
    Points
    45
    Par défaut DOM: récupérer valeur d'un <td>
    Bonjour à tous, je cherche à récupérer la valeur de mes <td> mais je n'y parviens pas.
    voici le code html:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    		<tr id="qte-53">
    		<td><input id="qte_fab" class="ingredient" type="text" name="qte_fab[]" value="1"  /></td>
    		<td><input class="ingredient" type="text" name="libelle[]" value="coque &eacute;clair"   /></td>
    		<td><input class="ingredient" type="text" name="poids_brut[]" value="20"   /></td>		
    		<td><input class="ingredient" type="text" name="poids_net[]" value="17"   /></td>		
    		<td id="btn_save-53"><input type="button" value="save" onClick="javascript:save('53');"/></td>		
     
    		</tr>
    voici la fct javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    function save(id_qte)
    {
    alert("FUNCTION SAVE="+id_qte); // renvoi bien 53
    var ligne=$("qte-"+id_qte); // recuperation du noeud avec la fonction de prototypes
    var qte=ligne.childNodes[0].nodeValue.firstChild;	//recuperation de la quantite qui est le premiere enfant
    alert(qte);
    }
    Et ca ne fonctionne pas, ca renvoi alert("undefined") .. je voudrais récupérer les 4 td... de tr id="qte-53"

    merci d'avance

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    version sans jquery :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    var ligne = document.getElementById("qte-"+id_qte);
    var listeInput = ligne.getElementsByTagName('input');
     
    for(vari = 0,l =listeInput.length;i<l;i++){
    alert(listeInput[i].value);
    }

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    162
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 162
    Points : 45
    Points
    45
    Par défaut
    Quel idiot je fais, j'avais complètement zappé qu'à l'intérieur de mes <td> j'avais des <input />

    Ta solution fonctionne parfaitement.
    merci

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

Discussions similaires

  1. simple html dom : récupérer valeur attribut title
    Par totof74 dans le forum Langage
    Réponses: 5
    Dernier message: 20/12/2012, 18h10
  2. [DOM] Récupérer valeur dans un tableau html
    Par ViRouF dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 08/10/2008, 18h48
  3. Réponses: 2
    Dernier message: 06/07/2007, 11h59
  4. Réponses: 1
    Dernier message: 07/06/2007, 09h40
  5. récupérer valeur d'un ID après insertion
    Par rikidi dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 26/08/2003, 23h21

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