manipulation liste déroulante

**grinder59** · 23/12/2005, 11h26

Bonjour,

sur ma page, j'ai une date composée de 3 listes déroulantes (jour, mois, année). Le principe est que si l'utilisateur positionne les listes pour former une date invalide, une boite d'alert s'affiche. Mon problème est que je voudrais en plus de cela repositionner les listes sur la date du jour, mais je ne trouve pas d'aide sur le web...

Quelqu'un sait comment faire?

Merci
Fabien

**Auteur** · 24/12/2005, 22h27

bonjour,

la date du jour est affichée au démarrage de la page :

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

manipulation liste déroulante

JavaScript

Vue hybride

Discussions similaires

Partager

Partager