Avatar billede newcoma Nybegynder
30. april 2008 - 14:04 Der er 2 kommentarer og
1 løsning

Tjek af tid på en dropdown

Hej jeg har to selectboxe

<select name="hour">
<option>01</option>
</select>

<select name="minute">
<option>01</option>
</select>

Den skal som udgangspunkt vise det aktuelle tidspunkt når siden loader. Jeg er ny i javascript så hvad skal jeg gøre?
Avatar billede w13 Novice
30. april 2008 - 14:09 #1
Følgende burde vist gøre tricket:
----------------------------------------------
<select id="hour" name="hour" style="width:50px">
</select>

<select id="minute" name="minute" style="width:50px">
</select>

<script type="text/javascript">
var dNow=new Date();
var dHour=dNow.getHours();
var dMinute=dNow.getHours();
var newElement=null;

newElement=document.createElement("option");
newElement.appendChild(document.createTextNode(dHour);
document.getElementById("hour").appendChild(newElement);

newElement=document.createElement("option");
newElement.appendChild(document.createTextNode(dMinute);
document.getElementById("hour").appendChild(newElement);

dNow=dHour=dMinute=newElement=null;
</script>
Avatar billede w13 Novice
30. april 2008 - 14:11 #2
Hov, fyldt med fejl.

Dette er testet og works:
----------------------------------------
<html>
<head></head>
<body>

<select id="hour" name="hour" style="width:50px">
</select>

<select id="minute" name="minute" style="width:50px">
</select>

<script type="text/javascript">
var dNow=new Date();
var dHour=dNow.getHours();
var dMinute=dNow.getMinutes();
var newElement=null;

newElement=document.createElement("option");
newElement.appendChild(document.createTextNode(dHour));
document.getElementById("hour").appendChild(newElement);

newElement=document.createElement("option");
newElement.appendChild(document.createTextNode(dMinute));
document.getElementById("minute").appendChild(newElement);

dNow=dHour=dMinute=newElement=null;
</script>

</body>
</html>
Avatar billede roenving Novice
30. april 2008 - 14:13 #3
Gør det f.eks. mens du loader og befolker:

<select name="hour">
  <option>Vælg time</option>
</select>
<br>
<select name="minute">
  <option>Vælg minut</option>
</select>
<script type="text/javascript">
window.onload = function(){
  var nu = new Date(), t = nu.getHours(), m = nu.getMinutes();
  var f = document.getElementsByTagName("form")[0], sel1 = f.hour, sel2 = f.minute;
  for(i=0;23>i;i++){
    sel1.options[sel1.length] = new Option(i,i);
    if(i == t)
      sel1.selectedIndex = sel1.length - 1;
  }
  for(i=0;59>i;i++){
    sel2.options[sel2.length] = new Option(i,i);
    if(i == m)
      sel2.selectedIndex = sel2.length - 1;
  }
}
</script>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB