jump menu in php
Hoe kan ik een jump menu maken, voor bijv leeftijdsgroepen?
Ik heb een formulier waar mensen moeten aangeven hoe oud ze zijn. Om ze toch een beetje privacy te geven heb ik leeftijdsindelingen gemaakt:
16-20
20-24
24-28
28 en ouder
Nu wil ik het zo maken dat ik een jumpmenu krijg ik mijn formulier.
ik heb wat geprobeerd maar krijg het helaas niet voor elkaar:S
Zijn er mensen die mij ermee kunnen helpen?
met vr. gr. Frans
<option value="1620">16-20</option>
<option value="2125">21-25</option>
<option value="2628">26-28</option>
<option value="29_and_up">29 en ouder...</option>
</select>
Zoiets?^^
Groet,
Barry
Edit:
Leeftijden wel 1 jaar laten verspringen, anders moet je als je bijv. 24 bent kiezen welk je aanvinkt ;)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?php
// YPM Jump Selector [config]
// Copyright (c) YPM Design 2007
// http://ypm-design.com
// de naam van het form waar de select instaat
$form_name = "form";
// de naam van de select waaruit de waardes gehaalt moeten worden
$select_name = "age";
// de link naar de site voor 16 t/m 20
$url_16_20 = "http://ypm-design.com/";
// de link naar de site voor 21 t/m 24
$url_21_24 = "http://ypm-design.com/portfolio/";
// de link naar de site voor 25 t/m 28
$url_25_28 = "http://bizman.ypm-design.com/";
// de link naar de site voor 29 and up
$url_29_up = "http://phphulp.nl/";
?>
<script type="text/javascript">
// YPM Jump Selector
// Copyright (c) YPM Design 2007
// http://ypm-design.com
// de functie om de url op te halen en de gebruiker door te sturen
function goThere(){
// haal de waarde van de geselecteerde optie op
var url = document.<?=$form_name;?>.<?=$select_name;?>.value;
// stuur de gebruiker door naar de pagina
window.location = url;
}
</script>
<form name="form" method="post" action="">
<select name="age" onChange="goThere();">
<?php
// voor het geval je deze mocht willen
//echo'<option value="'.$_SERVER['PHP_SELF'].'">Select Age</option>';
?>
<option value="<?=$url_16_20;?>">16-20</option>
<option value="<?=$url_21_24;?>">21-24</option>
<option value="<?=$url_25_28;?>">25-28</option>
<option value="<?=$url_29_up;?>">29 en ouder</option>
</select>
</form>
// YPM Jump Selector [config]
// Copyright (c) YPM Design 2007
// http://ypm-design.com
// de naam van het form waar de select instaat
$form_name = "form";
// de naam van de select waaruit de waardes gehaalt moeten worden
$select_name = "age";
// de link naar de site voor 16 t/m 20
$url_16_20 = "http://ypm-design.com/";
// de link naar de site voor 21 t/m 24
$url_21_24 = "http://ypm-design.com/portfolio/";
// de link naar de site voor 25 t/m 28
$url_25_28 = "http://bizman.ypm-design.com/";
// de link naar de site voor 29 and up
$url_29_up = "http://phphulp.nl/";
?>
<script type="text/javascript">
// YPM Jump Selector
// Copyright (c) YPM Design 2007
// http://ypm-design.com
// de functie om de url op te halen en de gebruiker door te sturen
function goThere(){
// haal de waarde van de geselecteerde optie op
var url = document.<?=$form_name;?>.<?=$select_name;?>.value;
// stuur de gebruiker door naar de pagina
window.location = url;
}
</script>
<form name="form" method="post" action="">
<select name="age" onChange="goThere();">
<?php
// voor het geval je deze mocht willen
//echo'<option value="'.$_SERVER['PHP_SELF'].'">Select Age</option>';
?>
<option value="<?=$url_16_20;?>">16-20</option>
<option value="<?=$url_21_24;?>">21-24</option>
<option value="<?=$url_25_28;?>">25-28</option>
<option value="<?=$url_29_up;?>">29 en ouder</option>
</select>
</form>
Gewijzigd op 01/01/1970 01:00:00 door Nick Mulder