Dropdown box

Status
Niet open voor verdere reacties.
R

rolfie

Gebruiker
Lid geworden
11 apr 2005
Berichten
35
Goedendagjes,

Ik heb op mijn site 2 drop down boxen gemaakt, waar je de maand en het jaartal kan klikken. Hierdoor kom je op die maand en jaar van het ploegenkalender waar ik loop.

Ik heb gewoon alle maanden van Januari t/m December. Deze staat standaard op Januari.
Ook alle jaren (Van 2004 t/m 2010) staan in een dropdown box. Deze begint bij 2004.

Nu is mijn vraag,

Hoe zorg ik dat deze dropdown box automatisch op de maand en jaar staan waar we in zitten?(Dus nu op April en 2008). Dit zal vast via javascript moeten, maar daar heb ik niets van gesnopen.
Kan iemand me daarmee helpen?

Alvast bedankt!

Rolf
 
Dat moet idd met javascript.
Ik zou een functie maken, met daarin
Code: 
document.formnaam.maandselectnaam.selectedIndex = getMonth();
document.formnaam.jaarselectnaam.selectedIndex = getYear()-2004;

Vervang formnaam door de naam van het formulier (zie <form name="..."), maandselectnaam door de naam van de dropdown box van de maand (zie <select name="...") en jaarselectnaam door de naam van de dropdown box van het jaar (zie <select name="...").
(Als je het echt makkelijk wilt doen kan je beide dropdown boxes een aparte id geven. Dan kan je gebruik maken van document.getElementById("id van de dropdown box").selectedIndex = ...)

Deze javascript functie kan je dan aan laten roepen met de onload event.
 
Laatst bewerkt:
Je praat alsof het heeeeel makkelijk is, maar ik heb niets gesnopen van Javascript ;) Daarom kwam ik het hier vragen. Deze code heb ik:

PHP: 
<form method="GET" action="http://wwww.linkie.eu/mappie/paggie.html" target="_blank">
Maand:
<select name="maand" id="maand">
	<option value="0">januari</option>
	<option value="1">februari</option>
	<option value="2">maart</option>
	<option value="3">april</option>
	<option value="4">mei</option>
	<option value="5">juni</option>	
	<option value="6">juli</option>
	<option value="7">augustus</option>
	<option value="8">september</option>
	<option value="9">oktober</option>
	<option value="10">november</option>
	<option value="11">december</option>
</select>
Jaar:
<select name="jaar" id="jaar">
	<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>
	<option value="2013">2013</option>
	<option value="2014">2014</option>
	<option value="2015">2015</option>
</select><br>

<input type="submit" value="Verstuur"><br>

En dan?

Alvast bedankt,

Rolf
 
Zet tussen <head> en </head>
Code: 
<script type="text/javascript">
<!--
function setDatum()
{
   var d = new Date();
   document.getElementById("maand").selectedIndex = d.getMonth();
   document.getElementById("jaar").selectedIndex = d.getFullYear()-2004;
}
-->
</script>

Voeg vervolgens aan de body tag 'onLoad="setDatum()"' toe
Code: 
<body onLoad="setDatum()">
 
Laatst bewerkt:
Supersnail zei:
Zet tussen <head> en </head>
Code: 
<script type="text/javascript">
<!--
function setDatum()
{
   var d = new Date();
   document.getElementById("maand").selectedIndex = d.getMonth();
   document.getElementById("jaar").selectedIndex = d.getFullYear()-2004;
}
-->
</script>

Voeg vervolgens aan de body tag 'onLoad="setDatum()"' toe
Code: 
<body onLoad="setDatum()">
Klik om te vergroten...

Toppie, het werkt! Ik zal het nog ff doornemen kijken of ik het kan snappen!

Rolfie
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan