Calcul dynamique à partir de deux listes déroulantes

Version imprimable

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:

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:

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

06/12/2012, 19h56
Exia_
Bonsoir,

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

EDIT : Essaye ça :
Code:

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
06/12/2012, 20h00
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.
06/12/2012, 20h02
Exia_

Tourne toi vers du Javascript alors et non du PHP car le PHP doit recevoir une requête pour exécuter ton script.
06/12/2012, 20h20
Invité

Peux-tu me donner un indice sur la façon à la quelle je dois procéder ?
08/12/2012, 13h19
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:

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

Voici un exemple complet et operationel en ajax qui peux lier une multitude de liste:
ta requete 1er select ==> Bien regarder le onchange

Code:

1
2
3
4
5
6
7
8
<select name="country" onchange="getState(this.value)">
<option value="">Select Country</option>
$sql = "SELECT * FROM country WHERE lang='" . $_SESSION['lang'] . "'";
$result = mysql_query($sql);
echo $result;
while($ln_country = mysql_fetch_array($result)){
	echo "<option value=\"".$ln_country['id_group_country']."\">" . $ln_country['name_country'] . "</option>";
}

Le 2ieme select

Code:

1
2
3
<div id="statediv"><select name="state" >
<option value="">Select Country First</option>
</select>

les fct js dans le head: ATTENTION au getElementById

Code:

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
38
39
40
41
42
43
function getXMLHTTP() { 
		var xmlhttp=false;	
		try{
			xmlhttp=new XMLHttpRequest();
		}
		catch(e)	{		
			try{			
				xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e){
				try{
				xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
				}
				catch(e1){
					xmlhttp=false;
				}
			}
		}
 
		return xmlhttp;
    }
 
	function getState(countryId) {		
 
		var strURL="models/findState.php?country="+countryId;
		var req = getXMLHTTP();
 
		if (req) {
 
			req.onreadystatechange = function() {
				if (req.readyState == 4) {
					// only if "OK"
					if (req.status == 200) {						
						document.getElementById('statediv').innerHTML=req.responseText;						
					} else {
						alert("There was a problem while using XMLHTTP:\n" + req.statusText);
					}
				}				
			}			
			req.open("GET", strURL, true);
			req.send(null);
		}		
	}

Le code PHP de la 2ieme liste qui va etre generer:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php 
	session_start();
	$link = mysql_connect("xxxxx", "xxxxx", "xxxx");
	mysql_select_db("estate");
 
	$country = $_GET['country'];
	$query="SELECT * FROM state WHERE id_group_country='".$country."' AND lang='" . $_SESSION['lang'] . "'";
	$result=mysql_query($query);
?>
    <select name="state" onchange="getCity(<?php echo $country?>,this.value)">
        <option value="">Select State</option>
<?php 
	while($row=mysql_fetch_array($result)) { ?>
		<option value="<?php echo $row['id_group_state']?>"><?php echo $row['name_state']?></option>
<?php } ?>
	</select>

Voila ! Si souci suis dans le coin. A adapter selon tes besoins
D