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 :

Récupération de la valeur input


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2013
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2013
    Messages : 10
    Points : 5
    Points
    5
    Par défaut Récupération de la valeur input
    Bonjour
    J'aimerais récupérer une valeur input générée par php suite à un click afin de l'utiliser dans une fonction javacsript ou jquery. j'ai essayé d'appeler la valeur avec document.getElementById('nom_de_la_valeur').value mais cette méthode e retourne toutes les valeurs générées par le script php or j'ai besoin seulement de la valeur du champs input sur lequel j'ai cliqué.

    code php :

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    while($row = mysql_fetch_array($res)) {
                echo '  <tr>
    		<td><div class="left">  <div class="icon"> ℹ </div></div> <div class="right"> <h2> '.$row['nom'].'</h2>
    		<p> '.$row['prenom'].' </p><a onclick="javascript:delLigne()"> A</a> <input type="hidden" id="nom" value="'.$row['nom'].'"></div>
     </td>
    	    </tr> ';}

    code js:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function delLigne(){
     
        $('#tableau tr').click(function(){
       var t=document.getElementById("nom").value;
       alert(t);
     
         });
         };
    // autre script devra se lancer dès que la fonction récupérera la valeur input

  2. #2
    Membre éprouvé
    Avatar de amoiraud
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2006
    Messages
    606
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2006
    Messages : 606
    Points : 1 057
    Points
    1 057
    Par défaut
    Salut,

    Un ID doit être unique, c'est pour ca que tu ne récupère pas la bonne valeur vu que tout tes hidden on un id "nom".
    Dans le cas présent, si tu cherche à récupérer la valeur de $row['nom'] tu peut le passer en paramètre de la fonction delLine :

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    while($row = mysql_fetch_array($res)) {
                echo '  <tr>
    		<td><div class="left">  <div class="icon"> ℹ </div></div> <div class="right"> <h2> '.$row['nom'].'</h2>
    		<p> '.$row['prenom'].' </p><a onclick="delLigne(\'' . $row['nom'] . '\')"> A</a> <input type="hidden" id="nom" value="'.$row['nom'].'"></div>
     </td>
    	    </tr> ';}


    Au niveau du JS je ne voit pas très bien pourquoi tu à mis un $('#tableau tr').click vu que tu à déjà un onClick, ceci devrait suffir :

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    function delLigne(nom){
        alert(nom);
    }

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2013
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2013
    Messages : 10
    Points : 5
    Points
    5
    Par défaut
    @amoiraud, merci d'avoir répondu

    Justement, quand je clique sur un tr, tous les elements portant un ID "nom" sont affichés or j'ai besoin seulement de récupérer la valeur ID du champs sur lequel j'ai cliqué.
    Sinon, j'ai mis $('#tableau tr').click afin de pouvoir accéder à une ligne spécifique du tableau et supprimer la tr->td->div enfin la ligne entière.

    La solution que tu ma proposé est pareille que les autres vu que je récupère tous les id à chaque clic

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 075
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 075
    Points : 44 657
    Points
    44 657
    Par défaut
    Bonjour,
    tous les elements portant un ID "nom"
    un ID DoIT UNIQUE qu'on se le répète.

  5. #5
    Futur Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2013
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2013
    Messages : 10
    Points : 5
    Points
    5
    Par défaut
    @ NoSmoking , Il semble que t'a pas saisi la réponse

Discussions similaires

  1. Récupération de la valeur d'un champ input.
    Par dimitri13 dans le forum Langage
    Réponses: 5
    Dernier message: 29/01/2011, 21h37
  2. [MySQL] récupération valeur input
    Par kOrt3x dans le forum PHP & Base de données
    Réponses: 11
    Dernier message: 12/08/2010, 14h59
  3. Récupération valeur Input dans une URL
    Par kilian dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 01/07/2009, 18h18
  4. Récupération d'une valeur d'un input type file
    Par Bizoo dans le forum Langage
    Réponses: 4
    Dernier message: 14/03/2009, 19h46
  5. Récupération de valeur input et enregistrement auto quand deselectionné
    Par Lexarino dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 25/09/2008, 11h17

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