Discussion :

[mcvovol]

Bonjour/bonsoir a toutes et a tous

Je désire faire une page en html avec plusieurs "options" sous forme de listes deroulantes.

Chaqu'une des listes contiens plusieurs option avec chacune d'elle une valeure differente.

Ce que je cherche a faire c'est pour additionner simplement la premiere liste avec le seconde et ainsi de suite pour afficher le resultat dans une zone de texte deja defini.

Mais je n'arrive pas a trouver reponse sur google :'(

Pour le calcule il faudrait visiblement faire un :

Code :

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

<input type="text" name="total_devis_ttc" id="total_devis_ttc" size="16" maxlength="8" onClick="document.Calculator.answer.value=eval(document.Calculator.A.value+document.Calculator.B.value)"/>

Mais le resultat ne s'affiche pas dans la case.

Voici mon code html pour etre plus precis :

Code :

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
 
<p>
    <label for="choix_1">Choix 1</label>
    <select name="choix_1" id="choix_1">
        <option name="aucun" value="0" onChange="A.value" selected>Aucun</option>
        <option name="A" value="1" onChange="A.value">A</option>
    </select>
</p>
 
<p>
    <label for="choix_2">Choix 2</label>
    <select name="choix_2" id="choix_2">
        <option name="aucun" value="0" onChange="B.value" selected>Aucun</option>
        <option name="A" value="1" onChange="B.value">A</option>
        <option name="B" value="2" onChange="B.value">B</option>
    </select>
</p>
 
<p id="label">resultat : 
    <input type="text" name="total" id="total" size="16" maxlength="8" onClick="document.Calculator.answer.value=eval(document.Calculator.A.value+document.Calculator.B.value)"/>
    <input type="submit" value="Envoyer" />
 
</p>

Je souhaiterai egalement envoyer le resultat par mail mais pour cela j'ai deja la solution
J'ai volontairement raccourci mon code qui contenait 27 listes déroulantes

Merci de votre aide et désolé pour l'indent pas tip top

[scuval]

juste pour bien comprendre : tu veux additionner les valeurs numériques?

[mcvovol]

Bonjour/Bonsoir,

J'ai reussi a denouer ce sac de noeud avec l'aide d'Adonis qui m'a enlevé une épine de pied de la taille d'une épine dans le pied...

Je cherchai a additionner les valeurs de chacune des listes deroulantes.

Pour cela un petit code javascript adapté a la page html a suffit

A noter, le parseFloat m'a permis d'additionner des chiffre a virgule et le .toFixed(2) a permis de fixer le nombre apres la virgule a 2 decimale

voici le code javascript :

Code :

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
<script type="text/javascript">
    function cal()
        {
            var select  = document.getElementsByTagName("select"),
                current, result=0, i=0;
 
 
        for(i=0; i<select.length;i++)
        {
          current = select[i].options[select[i].selectedIndex].value
          result+=parseFloat(current);
        }
          document.getElementById("result").value=result.toFixed(2);
        }
 
</script>