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 :

Remplir input automatiquement avec calcul


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2013
    Messages : 1 225
    Par défaut Remplir input automatiquement avec calcul
    Bonjour,

    J'ai un formulaire avec différents input et je souhaite en remplir un automatiquement.
    Je voudrais quand j'ai saisie un montantHT et un taux de TVA que cela affiche le montantTVA
    La formulaire serait:
    montantHT * tauxTVA / 100
    Comment faire cela en javascript?
    J'ai pensais à l'événement on blur mais après je suis un peut perdu

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

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    T'es un peu perdu pour quoi au juste ?
    Pour récupérer les valeurs ou pour écrire une formule de calcul en JavaScript ?
    J'ai du mal à voir ce qu'il y a de compliqué...
    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

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2013
    Messages : 1 225
    Par défaut
    J'ai fait ceci mais sa m'affiche rien:
    Fonction:
    Javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
            function calcul(montantHT, tauxTVA)
    {
        result = montantHT*tauxTVA /100;
        document.getElementById('montantTVA').value = result;
    }
    Action qui se passe quand j'ai sélectionné mon taux de tva dans la liste
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onblur="javascript:calcul(this.value, document.getElementById('montantHT').value);"
    De plus, ma liste de taux de TVA est alimenté par une requête sql

  4. #4
    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 : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    ma liste de taux de TVA est alimenté par une requête sql
    Ce qui signifie, j'imagine, que la balise associée au onblur que tu montres (ben oui, faudrait quand même pas donner les informations susceptibles de t'aider...) est un select ?
    Si c'est le cas, ce n'est pas onblur qu'il faut utiliser mais onchange...
    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

  5. #5
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2013
    Messages : 1 225
    Par défaut
    Oui c'est un select
    Mais là pour la liste, sa me récupère la valeur, c'est à dire les id qui sont dans la table, pas le libelle?

  6. #6
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2013
    Messages : 1 225
    Par défaut
    Pour récupérer le texte de la liste j'ai essayé ceci:
    Javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var liste = document.getElementById("tauxTva");
        var index = liste.options.selectedIndex; // index de l'option sélectionnée
     
        var valeur = liste.options[index].value // la valeur de l'option
        var tva = liste.options[index].text; // le texte de l'option
    Mais sa me dit sa:
    Uncaught TypeError: Cannot read property 'options' of null

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

Discussions similaires

  1. remplir un textarea avec input text
    Par nicerico dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/10/2008, 17h16
  2. remplir des champs texte automatiquement avec base
    Par rvm31 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 23/11/2007, 09h55
  3. calcul automatique avec select
    Par maysa dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 07/06/2007, 16h22
  4. [MySQL] Formulaire de réservation avec calcul automatique
    Par mluce dans le forum PHP & Base de données
    Réponses: 7
    Dernier message: 06/03/2007, 13h46
  5. Réponses: 2
    Dernier message: 04/02/2007, 19h48

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