Discussion :

[cacro790]

Bonjour à tous, totalement novice en JS, je vous soumets mon probème :

j'ai 3 listes déroulantes :L1, L2 et L3 qui proposent de séléctionner des notes (de 1 à 4)

Dont voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<select size="1" name="L1" id="L1">
 
<option value=""></option>
 
<option value="4" <% If L1="4" Then response.write("selected")%>>4</option>
 
<option value="3" <% If L1="3" Then response.write("selected")%>>3</option>
 
<option value="2" <% If L1="2" Then response.write("selected")%>>2</option>
 
<option value="1" <% If L1="1" Then response.write("selected")%>>1</option>
 
</select>

(J'ai fait la même chose pour L2 et L3) Donc ce que j'aimerais faire c'est un nouveau champ html qui se met à jour automatiquement lorsqu'on selectionne une note de L1, L2 et L3 en addionnant les valeurs de L1, L2 et L3.

Et que ces valeurs soient à 0 lorsque la page est chargé pour la première fois...

Je pense qu'en JS c'est réalisable mais je ne connais vraiment rien en dev :-(

Merci en tous cas pour votre aide !!

[Lakhdr]

Essauies voir avec ca :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
 <input type="text" value="0" id="L0" name="L0" readonly/>
<select size="1" name="L1" id="L1" onChange="miseAJour(this,'L2','L3')">
 
<option value="0"></option>
 
<option value="4" >4</option>
 
<option value="3"  >3</option>
 
<option value="2"  >2</option>
 
<option value="1"  >1</option>
 
</select>
 
<select size="1" name="L2" id="L2" onChange="miseAJour(this,'L3','L1')">
 
<option value="0"></option>
 
<option value="4" >4</option>
 
<option value="3"  >3</option>
 
<option value="2"  >2</option>
 
<option value="1"  >1</option>
 
</select>
<select size="1" name="L3" id="L3" onChange="miseAJour(this,'L2','L1')">
 
<option value="0"></option>
 
<option value="4" >4</option>
 
<option value="3"  >3</option>
 
<option value="2"  >2</option>
 
<option value="1"  >1</option>
 
</select>
<script>
function miseAJour(obj,arg0,arg2){
 var valeur1=document.getElementById(arg0).options[document.getElementById(arg0).selectedIndex].value/1;
var  valeur2=document.getElementById(arg2).options[document.getElementById(arg2).selectedIndex].value/1;
 var valeurSelectionnee=  obj.options[obj.selectedIndex].value/1;
 
 document.getElementById("L0").value=valeur1+valeur2+valeurSelectionnee;
}
 
 
</script>

[cacro790]

Merci beaucoup ! ça fonctionne !