remplir hidden à partir d'un select

Version imprimable

Bonjour,

J'ai une liste qui permet de sélectionner la puissance d'une voiture, et en fonction de cela, j'ai un tarif pour calculer un cout grâce à une fonction JS.
Je souhaiterai remplir un hidden avec un tarif selon ce que j'ai sélectionné dans le select. Est-ce possible? Voici ce que j'ai fait:

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
<select style="width:250px" class="select2 puissance" id="puissanceVeh" name="puissanceVeh" onchange="calculKM();">
    <option></option>    
<?php
//Requete qui sélectionne les indications sur les taux
$req5 = "Select id AS puissaceV, tarif, indication
    From puissance
    Order by tarif";
//Exécution de la requête
$res5 = $connexion->query($req5);
//Tant qu'il y a des enregistrements, on les affiche
while($row5 = $res5->fetch()):
    if($row5['puissaceV'] == $puissanceVeh):
?>
    <option value="<?php echo $row5['puissaceV'] ?>" selected="selected"><?php echo $row5['indication']; ?></option>
    <input type="hidden" id="puissanceTarif" name="puissanceTarif" value="<?php echo $row5['tarif']; ?>"/> 
<?php
    else: 
?>
    <option value="<?php echo $row5['puissaceV']?>"><?php echo $row5['indication']; ?></option> 
    <input type="hidden" id="puissanceTarif" name="puissanceTarif" value="<?php echo $row5['tarif']; ?>"/> 
<?php
    endif;
endwhile;   
?>    
</select>

26/02/2014, 22h23
sabotage

La bonne façon de faire est de faire le calcul dans la page de destination du formulaire à partir des éléments envoyés (et non pas d'envoyer le résultat).
26/02/2014, 22h26
totot

J'envoie pas ma page pour afficher le résultat, je l'affiche directement en dessous.
Je pense que je doit utiliser AJAX
27/02/2014, 07h21
sabotage

A quoi va servir le champs "hidden" ?
27/02/2014, 09h34
totot

grâce à une valeur que j'ai sélectionné et à un champs dont j'ai saisie une distance, je calcul un coût et je remplis son label
27/02/2014, 09h38
sabotage

Et le champ "hidden" il est ou dans tout ça ?

Ici je l'avais mi mais sa ne va pas car sa n'affiche rien dans ma liste.

Code:

1
2
<option value="<?php echo $row5['puissaceV']?>"><?php echo $row5['indication']; ?></option> 
<input type="hidden" id="puissanceTarif" name="puissanceTarif" value="<?php echo $row5['tarif']; ?>"/>

Je me suis tourné vers ajax mais ma requête n'a pas l'air de fonctionner:

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
function writelabel(tarif){
    document.getElementById('coutTotalKM').innerHTML = tarif;
}
function calculKM(puissanceVeh){            
    //http://www.lesite.com/trucs/35,ajax_interrogez_votre_serveur_avec_javascript.php
    if(puissanceVeh != -1)    {
        if(tarif = file('includes/tarifpuissance.php?puissanceVeh='+escape(puissanceVeh))){
            if(tarif == 1)
                writelabel(tarif);
            else if(tarif == 2)
                writelabel(tarif);
            else
                writelabel('');
            }
    } else {
        writelabel('');
    }
}
function file(fichier){
    if(window.XMLHttpRequest) // FIREFOX
        xhr_object = new XMLHttpRequest(); 
    else if(window.ActiveXObject) // IE
        xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
    else 
        return(false); 
    xhr_object.open("GET", fichier, false); 
    xhr_object.send(null); 
    if(xhr_object.readyState == 4) return(xhr_object.responseText);
    else return(false);
}

27/02/2014, 10h41
Bovino

Il faut vraiment revoir les bases au moins en HTML / JavaScript !
Tu ne peux pas mettre des <input> au milieu des <select> !