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 :

inclure GetElementById dans un input hidden


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Octobre 2009
    Messages
    60
    Détails du profil
    Informations forums :
    Inscription : Octobre 2009
    Messages : 60
    Par défaut inclure GetElementById dans un input hidden
    Bonsoir à tous,
    Je souhaite intégrer un document.getElementById dans un champs input hidden.

    J'ai essayé sans succès
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type='hidden' id='distance_parcouru' name='distancetrajet'  
    value='document.getElementById("distance_parcouru").innerHTML';>
    il s'agit en fait d'un script tiré de l'API google Map qui permet de récupérer une distance entre 2 adresses.
    J'aimerai envoyer cette distance dans ma bdd, dans la colonne "distancetrajet"

    Ma syntaxe est elle correcte ?
    Ce que je ne comprends pas, c'est que pour afficher le résultat (la distance donc), un simple span suffit <span id="distance_parcouru"></span>

    J'ai essayé ça

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type='text' id='distance_parcouru' name='distancetrajet'  
    value='distance_parcouru' />
    Mais mon input affiche distance_parcouru
    Comment puis je récupérer cette données et la placer dans mon input hidden ?
    Un grand grand merci d'avance pour votre aide !

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    il faudrait préciser d'où vient la valeur ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <input type='hidden' id='distance_parcouru' name='distancetrajet'  
    value='';>
    <script type="text/javascript">document.getElementById("distance_parcouru").value='.......'</script>

  3. #3
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    vois-tu bien (déjà) qu'un id est unique dans une page?

    après, ton distance_parcourue est forcément une variable; insère-la dans ton hidden:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    mon_hidden.value=distance_parcourue

  4. #4
    Membre confirmé
    Inscrit en
    Octobre 2009
    Messages
    60
    Détails du profil
    Informations forums :
    Inscription : Octobre 2009
    Messages : 60
    Par défaut
    Merci pour vos réponses ,j'ai réussi à mon sortir.

    Le script google map contenait :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('distance_parcouru').innerHTML = distance/1000 + " km";
    j'ai ajouté :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    				document.getElementById("distance_parcourue_input").value = distance/1000;
    Et pour mon input :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" name="distancetrajet" id="distance_parcourue_input" maxlength="8" size="8" value="" />km
    Merci à vous

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

Discussions similaires

  1. Passage d'une image de fond dans un input hidden
    Par bernard26000 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 24/12/2014, 15h26
  2. [PHP 5.4] Afficher valeur dans un input hidden
    Par Spire_ dans le forum Langage
    Réponses: 2
    Dernier message: 02/08/2012, 15h15
  3. input hidden récupération variable dans js
    Par knebhi dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 10/09/2009, 16h17
  4. Select onChange - insérer valeur dans input hidden
    Par abeh25 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 21/01/2009, 17h28
  5. Recuperer la valeur d'une liste dans un input type hidden
    Par KiranoO dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 28/05/2008, 12h12

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