datum in select options aanpassen doormiddel van AJAX

Door M V op 12-01-2011 20:35

3.873 views

Voor de site waar ik mee bezig ben is de geboortedatum van belang. Sommige content mag namelijk niet gelezen worden door minderjarige. Hierom wordt je bij het registreren dan ook gevraagd om je geboortedatum in te vullen. Hierbij wil ik graag dat de dagen aangepast worden afhankelijk van welke maand je kiest. Kies je 2 (februari) dan mag in het dagen maar 29 dagen zijn.
Dit moet mogelijk zijn met Javascript/AJAX, maar ik kan op het net geen degelijke code vinden die hierover gaat.

dit is de code die ik tot nog toe heb:


<tr><label>Date of Birth (m/d/y):</label>
	<td>
		<select id="dobmonth" name="dobmonth">
			<option disabled="disabled">Month</option>
			<option value="1">1</option>
			<option value="1">2</option>
			<option value="1">3</option>
			<option value="1">4</option>
			<option value="1">5</option>
			<option value="1">6</option>
			<option value="1">7</option>
			<option value="1">7</option>
			<option value="1">9</option>
			<option value="1">10</option>
			<option value="1">11</option>
			<option value="1">12</option>
		</select>
		<select id="dobday" name="dobday">
			<option disabled="disabled">Day</option>
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
			<option>5</option>
			<option>6</option>
			<option>7</option>
			<option>7</option>
			<option>9</option>
			<option>10</option>
			<option>11</option>
			<option>12</option>
			<option>13</option>
			<option>14</option>
			<option>15</option>
			<option>16</option>
			<option>17</option>
			<option>18</option>
			<option>19</option>
			<option>20</option>
			<option>21</option>
			<option>22</option>
			<option>23</option>
			<option>24</option>
			<option>25</option>
			<option>26</option>
			<option>27</option>
			<option>28</option>
			<option>29</option>
			<option>30</option>
			<option>31</option>
		</select>
	</td>
</tr>

Ik heb enkel het deel dat op mijn vraag van toepassing geplaatst, het staat in een tabel en een form.

Kris Peeters

13-01-2011 11:05

@topic starter:

Je hebt een vreemde manier om select / option te gebruiken.
Een option werkt zo:


<option value="waarde_die_je_wil_doorsturen">waarde_die_getoond_wordt</option>

Wanneer je een select doorstuurt (op submit gedrukt), wordt de value van de option doorgestuurd.

waarde_die_getoond_wordt hoeft absoluut geen verband te houden met waarde_die_je_wil_doorsturen.

bv. voor maanden kan je zo-iets doen


<select name="month">
  <option value="1">Januari</option>
  <option value="2">Februari</option>
  ...

M V

13-01-2011 11:09

Kris Peeters op 13/01/2011 11:05:50

@topic starter:

Je hebt een vreemde manier om select / option te gebruiken.
Een option werkt zo:
<option value="waarde_die_je_wil_doorsturen">waarde_die_getoond_wordt</option>
Wanneer je een select doorstuurt (op submit gedrukt), wordt de value van de option doorgestuurd.

waarde_die_getoond_wordt hoeft absoluut geen verband te houden met waarde_die_je_wil_doorsturen.

bv. voor maanden kan je zo-iets doen
<select name="month">
  <option value="1">Januari</option>
  <option value="2">Februari</option>
  ...

Ik weet van de values enzo af maar ik was aan het focusessen op het zorgen dat select 2 werd veranderd. Wat er dus in die opties stond maakt mij niet zo zeer uit. Maar ik heb inmiddels een script gekregen hier, wat doet dat ik zoek dat het moet doen. Uh... hoe sluit je een topid (nieuw op forum ^^'' )

Bas Cost Budde

13-01-2011 11:18

Sja, we sluiten een topic niet echt. Het is geen helpdesk (dan zou ik het liever wel hebben, zaak opgelost -> kees kloost.)

M V

23-01-2011 23:30

Ik heb de code gebruikt van http://javascript.internet.com/time-date/date-selector.html die mij hierboven werd aangeboden, maar nu zit ik toch met een probleempje.
In onderstaande code wordt de value 31 meegegeven (of 28 of 30 afhankelijk van de maand)

date_arr[0]=new Option("January",31);

Maar ik zou juist de maand code willen hebben (dus 01 02 03 etc), want als ik nu de value opvraag krijg ik dus enkel 38 30 of 31. Iemand een suggestie?

(de rest van de code staat overigens in de link)

Reageren

Inloggen om te reageren