<form id="Formularz" method="post" action="skrypt_na_serwerze.php">
<fieldset>
<legend>Wybierz datę:</legend>
<select name="Dzien" onchange="pokazValue()"></select>
<select name="Miesiac" onchange="pokazValue()"></select>
<select name="Rok" onchange="pokazValue()"></select>
</fieldset>
</form>
<script type="text/javascript">
var forma = document.getElementById('Formularz');
//tworzymy options z numerami dni
for (x=0; x<31; x++) {
var dzien = (x < 9)? '0'+(new String(x+1)) : x+1; //dodajemy zero wiodące (i +1 bo dni są liczone od 0)
var NowyOption = new Option(dzien, x+1, 0, 0);
forma.Dzien.options[x] = NowyOption;
}
var miesiace = new Array('styczeń','luty','marzec','kwiecień','maj','czerwiec','lipiec','sierpień','wrzesień','październik','listopad','grudzień');
//tworzymy options z nazwami miesięcy (korzystając z powyższej tablicy)
for (x=0; x<12; x++) {
var NowyOption = new Option(miesiace[x], x+1, 0, 0);
forma.Miesiac.options[x] = NowyOption;
}
var rok = (new Date()).getFullYear(); //pobieramy rok
//tworzymy options z latami począwszy od teraźniejszego
for (x=0; x<10; x++) {
var NowyOption = new Option(rok+x, rok+x, 0, 0);
forma.Rok.options[x] = NowyOption;
}
function pokazValue() {
//wypisujemy informację o wybranej dacie
var dzien = forma.Dzien.options[forma.Dzien.selectedIndex].value;
dzien = (dzien < 10)?'0'+dzien.toString() : dzien;
var miesiac = forma.Miesiac.options[forma.Miesiac.selectedIndex].value;
miesiac = (miesiac < 10)?'0'+miesiac.toString() : miesiac;
var rok = forma.Rok.options[forma.Rok.selectedIndex].value;
alert(dzien + '-' + miesiac + '-' +rok);
}
</script>