välja från select då ändras annan select i runtime

Hejsan!
rubriken kanske inte är den bästa men jag ska förklara vad jag menar.

jag har två stycken <select> där båda skall vara tider.

då den ena är starttid så vill jag att när man valt en starttid ska stoptiden endast visa de tider som kommer efter starttiden, så att man inte kan sätta en stoptid som är tidigare än starttiden...

där är en beskrinvning av problemet, nu är det så att jag helst vill att den gör det runtime utan att behöva uppdatera hela sidan?

någon som vet hur jag ska göra eller??

I vilket format är tiden? Timmar och minuter (hh:mm)? Vilket intervall är det mellan valen? Om man väljer ex. 23:59 som start, skall man inte kunna välja 00:10 som stopp?

tiden ligger endast i timmar...

00
01
02
.
.
.
23

<form>
<select name="start" onchange="updateStop()"></select>
<select name="stop"></select>
</form>
<script type="text/javascript">
var tform=document.forms[0]; var startObj=tform["start"]; var stopObj=tform["stop"];
for(var n=0;n<24;n++){ startObj[startObj.length]=new Option(((n<10)?'0':'')+n,((n<10)?'0':'')+n); }
for(var n=1;n<=24;n++){ stopObj[stopObj.length]=new Option(((n<10)?'0':'')+n,((n<10)?'0':'')+n); }
function updateStop(){
	stopObj.length=0;
	for(var n=parseInt(startObj[startObj.selectedIndex].value)+1;n<=24;n++){
		stopObj[stopObj.length]=new Option(((n<10)?'0':'')+n,((n<10)?'0':'')+n);
	}
}
</script>