Discussion :

[totot]

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

[Bovino]

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é...

[totot]

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

[Bovino]

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...

[totot]

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?

[totot]

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

[totot]

J'ai réussi à récupérer le texte d'un select!
Mon problème c'est pour récupérer ce que j'ai saisie dans mon input texte. Il me récupère null à chaque fois.

[SpaceFrog]

Notre stocke de boules de cristal etant épuisé, et notre dernière boule de cristal ayant été ecrasé par un arbre déraciné lors de la dernière tempête, nous somme dans l’impossibilité de deviner ton code ...

(ben oui, faudrait quand même pas donner les informations susceptibles de t'aider...)

[totot]

J'ai mis ceci dans ma fonction et sa me renvoie vide:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var ht = $('#montantHT').val();

[SpaceFrog]

Hé be on avance ... mais pas beaucoup ...

déja on s'aperçoit que tu utilises jquery, ce que tu n'avais pas précisé

Malheureusement on n'a toujours pas accès au html ...

[totot]

J'ai essayé aussi en js comme tu peux le voir plus haut mais sa fonctionne pas non plus:
champ input que je souhaite récupérer la valeur saisie:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="col-md-9"> 
    <input class="form-control required" type="text" name="montantHT" id="montantHT" value="" role="input" aria-required="true" />
</div>

[SpaceFrog]

ha ben maintenant que l'on a le html ...
il faudrait que l'on sache QUAND tu fais appel à ton js ?

[totot]

La fonctionJS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function calcul(){
    var tva = $('#tauxTVA option:selected').text();
    var ht = $('#montantHT').val();
   var result = ht*tva;
   console.log(ht);
   console.log(tva);
     console.log(result);
    document.getElementById('montantTVA').value = result;
}

Je l'appel ici:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<select style="width:250px" class="select2 required taux" id="tauxTVA" name="tauxTVA" aria-required="true" onchange="calcul();">

Pour remplier le champ montantTVA

[SpaceFrog]

Pour remplier le champ montantTVA

que l'on ne voit pas dans ton html ...

[Bovino]

Apparemment, tu sembles t'acharner à ne pas vouloir nous montrer l'ensemble du code susceptible de t'aider !

Si tu nous montrais l'ensemble de ton formulaire, ça ne te paraitrait pas utile ?

[totot]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

                                    <input class="form-control required" type="text" name="montantTVA" id="montantTVA" value="" role="input" aria-required="true" />

[totot]

J'ai trouvé: J'avais des problèmes de div!!!
Merci en tout cas de votre aide

[SpaceFrog]

et donc ça c'est l'ensemble du formulaire ...


bref
jette un oeil là dessus ça ira plus vite :
http://jsfiddle.net/8Tf6x/

Sinon on a le temps d'attendre les prochains jeux olympiques

[totot]

J'ai mis cet événement sur mon champs montantHT mais je suis obliger de cliquer ailleurs pour que cela me mette a jours un autre champs.
Je voudrais quand je saisi dans ce champ, que cela mette automatiquement l'autre à jour sans devoir cliquer ailleurs.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input class="form-control required" type="text" name="montantHT" id="montantHT" value="" role="input" aria-required="true" onblur="calcul();" />

[Bovino]

je suis obliger de cliquer ailleurs pour que cela me mette a jours

Ben... oui, c'est un peu la définition de onblur...

Regarde du côté de oninput.