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

T'es un peu perdu pour quoi au juste ? :koi:
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é...

J'ai fait ceci mais sa m'affiche rien:
Fonction:
Javascript:

Code:

---

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:

---

onblur="javascript:calcul(this.value, document.getElementById('montantHT').value);"

---

De plus, ma liste de taux de TVA est alimenté par une requête sql

Citation:

---

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

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?

Pour récupérer le texte de la liste j'ai essayé ceci:
Javascript:

Code:

---

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

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.

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

Citation:

---

Envoyé par Bovino

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

---

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

Code:

---

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

---

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

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

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:

---

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>

---

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

La fonctionJS:

Code:

---

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:

---

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

---

Pour remplier le champ montantTVA

Citation:

---

Pour remplier le champ montantTVA

---

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

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

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

Code:

---

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

---

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

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


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

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:

---

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

---

Citation:

---

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

---

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

Regarde du côté de oninput.