Discussion :

[Invité]

Bonsoir,

alors comme le titre l'indique je cherche à faire une liste déroulante dynamique.

En détails ?

Donc déjà voici mon site pour tester mes pages web :
http://alexandre.1allo.net/OffersTS2.php

Sur cette page j'aimerais que selon la value, de l'item de la liste déroulante que sélectionne le client, sur le bas de l'écran s'affiche le prix. Le prix est la value de la 1 er liste déroulante * (fois) la value de la 2eme liste déroulante.

Tout mes tests sont échoués.
Voici mon code:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<form name="Locate" method="post">
                        <center><select name="TimeToLocate" class="boiteFormulaire" id="item1">
                            <option value="1" selected="selected">1 mois</option>
                            <option value="3">3 mois</option>
                            <option value="6">6 mois</option>
                            <option value="9">9 mois</option>
                            <option value="12">12 mois</option>
                            <option value="24">24 mois</option>
                        </select></center>
                    </p>
 
      <p align="center">Nombre de slots :</p>
 
						<center><select name="Slots" class="boiteFormulaire" id="item2">
                            <option value="0.6" selected="selected">2 Slots</option>
                            <option value="1.5">5 Slots</option>
                            <option value="3">10 Slots</option>
                            <option value="6">20 Slots</option>
                            <option value="9">30 Slots</option>
                            <option value="12">40 Slots</option>
							<option value="15">50 Slots</option>
							<option value="18">60 Slots</option>
							<option value="21">70 Slots</option>
							<option value="24">80 Slots</option>
							<option value="27">90 Slots</option>
							<option value="30">100 Slots</option>
							<option value="33">110 Slots</option>
							<option value="36">120 Slots</option>
							<option value="39">130 Slots</option>
							<option value="42">140 Slots</option>
							<option value="45">150 Slots</option>
							<option value="48">160 Slots</option>
							<option value="51">170 Slots</option>
							<option value="54">180 Slots</option>
							<option value="57">190 Slots</option>
							<option value="60">200 Slots</option>
                        </select></center>

Voilà ce que j'avais essayé, sans succés:

Code :

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

1
2
3
4
5
<?php 
                        if(isset($_POST["Slots"]) or isset($_POST["TimeToLocate"])){
                            echo 'Prix : ' . $_POST["Slots"] * $_POST["TimeToLocate"] . ' € TTC';
                        }
                        ?>

Si vous pouviez m'aider.
Bonne soirée

[Exia_]

Bonsoir,

qu'est ce qui marche pas ? Valeur pas correct ? Une erreur est affichée ?

EDIT : Essaye ça :

Code :

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

1
2
3
if(isset($_POST["Slots"]) AND isset($_POST["TimeToLocate"])){
    echo 'Prix : ' . intval($_POST["Slots"]) * intval($_POST["TimeToLocate"]) . ' € TTC';
}

remplace le OR par AND car il faut que tes deux variable soient présente et non soit l'une soit l'autre

[Invité]

Bonsoir,

en fait ce que je voudrai c'est ne pas être obliger d'appuyer sur le bouton pour que le prix s'affiche. A partir du moment ou le user change l'item de la liste de sélection, le prix se change automatiquement.

[Exia_]

Tourne toi vers du Javascript alors et non du PHP car le PHP doit recevoir une requête pour exécuter ton script.

[Invité]

Peux-tu me donner un indice sur la façon à la quelle je dois procéder ?

[lightbulb]

Tu peux utiliser la bibliothèque javascript jQuery pour te simplifier la tache, elle est standard et fonctionne donc sur tous les navigateurs. Avec cette librairie le code que tu cherches se présente sous la forme :

Code :

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

1
2
3
4
 
$('#id_du_select').change(function(){
     //TODO
});

Lors d'un changement de valeur du select le code à l'intérieur de la fonction sera exécuté.