manipulation liste déroulante

bonjour,

la date du jour est affichée au démarrage de la page :
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<html>
<head>
<title></title>
<script>
function DateDuJour()
{
var DateJour = new Date();
var Jour = DateJour.getUTCDate();
var Mois = DateJour.getUTCMonth();
var Annee = DateJour.getUTCFullYear();
 
//alert(Jour+" "+Mois+" "+Annee);
 
var elmtJour = document.getElementById("jour");
elmtJour.selectedIndex = Jour-1;
 
var elmtMois = document.getElementById("mois");
elmtMois.selectedIndex = Mois;
 
var elmtDateD = document.getElementById("annee");
elmtDateD.selectedIndex = Annee-2002;
 
}
</script>
</head>
 
<body onload="DateDuJour()">
<form id="forme" style="width: 250px">
  <fieldset style="padding: 20px;">
    <legend>Calendrier</legend>
    <select size="1" id="jour">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
       <option value="5">5</option>
       <option value="6">6</option>
       <option value="7">7</option>
       <option value="8">8</option>
       <option value="9">9</option>
       <option value="10">10</option>
       <option value="11">11</option>
       <option value="12">12</option>
       <option value="13">13</option>
       <option value="14">14</option>
       <option value="15">15</option>
       <option value="16">16</option>
       <option value="17">17</option>
       <option value="18">18</option>
       <option value="19">19</option>
       <option value="20">20</option>
       <option value="21">21</option>
       <option value="22">22</option>
       <option value="23">23</option>
       <option value="24">24</option>
       <option value="25">25</option>
       <option value="26">26</option>
       <option value="27">27</option>
       <option value="28">28</option>
       <option value="29">29</option>
       <option value="30">30</option>
       <option value="31">31</option>
    </select>
    <select size="1" id="mois">
       <option value="Janvier">Janvier</option>
       <option value="Fevrier">Fevrier</option>
       <option value="Mars">Mars</option>
       <option value="Avril">Avril</option>
       <option value="Mai">Mai</option>
       <option value="Juin">Juin</option>
       <option value="Juillet">Juillet</option>
       <option value="Aout">Aout</option>
       <option value="Septembre">Septembre</option>
       <option value="Octobre">Octobre</option>
       <option value="Novembre">Novembre</option>
       <option value="Decembre">Decembre</option>
    </select>
    <select size="1" id="annee">
       <option value="2002">2002</option>
       <option value="2003">2003</option>
       <option value="2004">2004</option>
       <option value="2005">2005</option>
       <option value="2006">2006</option>
       <option value="2007">2007</option>
       <option value="2008">2008</option>
       <option value="2009">2009</option>
       <option value="2010">2010</option>
       <option value="2011">2011</option>
       <option value="2012">2012</option>
    </select>
  </fieldset>
</form>
 
 
</body>
 
</html>