Prix changeant en fonction liste deroulante html
Pritax
Messages postés
362
Statut
Membre
-
Heliotte Messages postés 1561 Statut Membre -
Heliotte Messages postés 1561 Statut Membre -
Bonjour ,
Je suis novice en html et php , j'ai pas internet, donc c compliquer , mais je vous explique .
J'ai 3 liste deroulante exemple :
Liste 1: nb de piece ( sachant que c 4? les 6 et 5? les 8)
Liste 2: nb de pieces 2 ( 1? les 15 et 2? les 30)
Liste 3: rouge (0.2?) ou noir (0.1?)
Et j'aimerai que le prix situe dans un < table > change en temps reel en fonction des options choisis
Si vous pouvez m'aider ou m'orienter ? Merci
Je suis novice en html et php , j'ai pas internet, donc c compliquer , mais je vous explique .
J'ai 3 liste deroulante exemple :
Liste 1: nb de piece ( sachant que c 4? les 6 et 5? les 8)
Liste 2: nb de pieces 2 ( 1? les 15 et 2? les 30)
Liste 3: rouge (0.2?) ou noir (0.1?)
Et j'aimerai que le prix situe dans un < table > change en temps reel en fonction des options choisis
Si vous pouvez m'aider ou m'orienter ? Merci
A voir également:
- Prix changeant en fonction liste deroulante html
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Fonction si et - Guide
- Editeur html - Télécharger - HTML
- Historique prix amazon - Guide
6 réponses
Bonsoir Pritax,
Je ne suis pas sûr d'avoir tout compris .. avec les "?":
Essaie ceci..
Je ne suis pas sûr d'avoir tout compris .. avec les "?":
Essaie ceci..
Code JS (JavaScript): function ListeActu() { if (document.getElementById('NbPieces1').selectedIndex == 1) { document.getElementById('NbPieces2').value="1? les 15"; } if (document.getElementById('NbPieces1').selectedIndex == 2) { document.getElementById('NbPieces2').value="2? les 30"; } } Code HTML: Nombre de pièces :<br /> <select id="NbPieces1" onchange="ListeActu()"> <option disabled>Choisir un nombre de pièces</option> <option value="0">4? les 6</option> <option value="1">5? les 8</option> </select> Nombre de pièces :<br /> <select id="NbPieces2" onchange="ListeActu()"> <option disabled>Choisir un nombre de pièces</option> <option value="0">1? les 15</option> </select>
Bonjour Pritax,
Pour résumé,
- la liste n°1 est remplie avec les éléments {1, 2, 3, 4, 5, 6},
- la liste n°2 est remplie avec les éléments {6, 7, 8, 9, 10},
- la liste n°3 est remplie avec les éléments {15, 16 .. 29, 30},
et
- le calcul s'affiche à chaque changement de liste.
Correct ?
Pour résumé,
- la liste n°1 est remplie avec les éléments {1, 2, 3, 4, 5, 6},
- la liste n°2 est remplie avec les éléments {6, 7, 8, 9, 10},
- la liste n°3 est remplie avec les éléments {15, 16 .. 29, 30},
et
- le calcul s'affiche à chaque changement de liste.
Correct ?
Remplir les liste avec un "id":
Et une fonction qui calcule à chaque changement de valeur:
<form name="monFormulaire"> <select name="choixListe1" id="choixListe1" onChange="Calculer1(id,this.options[this.selectedIndex].value);"> <option value="0" selected>-- choisissez un nombre de pièce</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select>
Et une fonction qui calcule à chaque changement de valeur:
function Calculer1(NomListe,Code)
{
...
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Comme il faut tout t'écrire, voici:
Dans le <script> </script>,
var1=0.0;
var2=0.0;
var3=0.0;
Dans la fonction, le calcul:
var Total = ((var1*5) + (var2*0.2) + (var3*0.1));
Dans le <script> </script>,
var1=0.0;
var2=0.0;
var3=0.0;
Dans la fonction, le calcul:
var Total = ((var1*5) + (var2*0.2) + (var3*0.1));
Bonsoir Pritax,
Je n'avais pas beaucoup de temps pour écrire .. j'essaie donc de me rattraper.
<select name="choixListe1" id="choixListe1" onChange="Calculer1(id,this.options[this.selectedIndex].value);"> >> dans le "select", j'ai ajouté un "id" pour le reconnaître quand JS (JavaScript) va calculer via la fonction function Calculer1(NomListe,Code) qui est appelée quand l'utilisateur chosi un élément différent de celui qui est affiché dans ce select. JS sait qu'il devra appelé la fonction car nous avons ajouté onChange="Calculer1(id,this.options[this.selectedIndex].value);" :
- OnChange = sur changement de sélection dans ce select ;
- Calculer1 = nom de la fonction ;
et les paramètres:
- id = pour reconnaître le select qui appelle la fonction ;
- this.options[this.selectedIndex].value = l'élément sélectionner pour connaître sa valeur.
J'espère t'avoir aidé avec cela.
Heliotte.
Je n'avais pas beaucoup de temps pour écrire .. j'essaie donc de me rattraper.
<select name="choixListe1" id="choixListe1" onChange="Calculer1(id,this.options[this.selectedIndex].value);"> >> dans le "select", j'ai ajouté un "id" pour le reconnaître quand JS (JavaScript) va calculer via la fonction function Calculer1(NomListe,Code) qui est appelée quand l'utilisateur chosi un élément différent de celui qui est affiché dans ce select. JS sait qu'il devra appelé la fonction car nous avons ajouté onChange="Calculer1(id,this.options[this.selectedIndex].value);" :
- OnChange = sur changement de sélection dans ce select ;
- Calculer1 = nom de la fonction ;
et les paramètres:
- id = pour reconnaître le select qui appelle la fonction ;
- this.options[this.selectedIndex].value = l'élément sélectionner pour connaître sa valeur.
J'espère t'avoir aidé avec cela.
Heliotte.
Nb de pieces 1 : liste deroulante de 1 a 6
Nb de pieces 2 : liste deroulante de 6 a 10
Nb de pieces 3 : liste deroule de 15 a 30
Prix : et la s'afficherai le prix en temp reel en fonction du nombre d'options choisi , exemple ( 5 euro par piece liste 1, 0.2 euro par piece liste 2 , 0.1 euro par piece liste 3 ):
Nb de pieces 1 : 4
Nb de pieces 2 : 10
Nb de pieces 3 : 20
Prix : 24 euro soit ( 4x5 10x0.2 20x0.1)
J'espere avoir ete clair sinon redemander ,