Prix changeant en fonction liste deroulante html

Fermé
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 - 29 déc. 2012 à 21:04
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 - 30 déc. 2012 à 23:25
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

A voir également:

6 réponses

Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 92
29 déc. 2012 à 23:59
Bonsoir Pritax,

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>
0
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
30 déc. 2012 à 00:18
Le code a ete interprete par mon iphone , tu utilise un input et tu lui assigne une valeur c ca ?
0
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
30 déc. 2012 à 00:31
Mais en faite ce que je souhaiterez c'est

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 ,
0
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
30 déc. 2012 à 00:39
Bon je suis desole de la mise en forme je retaperai tous ca demain sauf si quelqu'un comprend
0
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
30 déc. 2012 à 00:22
Et le ? Sont en faite le symbole euro
0
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 92
Modifié par Heliotte le 30/12/2012 à 13:16
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 ?
0
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 92
30 déc. 2012 à 14:46
Remplir les liste avec un "id":
<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)
{
	...
}
0
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
30 déc. 2012 à 20:18
Code ? C.-a-d. , c'est quoi , 1 2x3 par exemple ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 92
30 déc. 2012 à 22:09
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));
0
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 92
30 déc. 2012 à 23:25
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.
0