De dropdown functie
Als eerste gaan we de dropdown functie maken. We includen de database connectie, zodat we dit makkelijker kunnen gaan gebruiken wanneer je meerdere pagina krijgt, zodat je alles maar 1x hoeft op te schrijven. dan voegen we de javascript in zodat we de pagina gereload krijgen wanneer er op een merk gedrukt wordt. dan komt de php functie voor meer uitleg zie de comments
<html>
<head><title>de dropdown functie</title>
<SCRIPT language=JavaScript>
function reload(form)
{
var val=form.merk.options[form.merk.options.selectedIndex].value;
self.location='dd.php?merk=' + val ;
}
</script>
<head>
<body>
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
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
<?php
///////// pak de data uit de db//////////
$quer2=DoQuery("SELECT DISTINCT merk,merk_id FROM merk order by merk");
/////////////einde////////////
/////// als in de eerste dropdown niks geselect is dan laat de 2de drop alles zien/////
if(isset($poule) and strlen($poule) > 0){
$quer=DoQuery("SELECT DISTINCT type FROM type where merk_id=$merk order by merk_id");
}else{$quer=DoQuery("SELECT DISTINCT type FROM type order by merk_id"); }
////////// einde ///////////////////////////
echo "<form method=post name=f1 action=''>";
////////// eerste drop /////////
echo "<select name='merk' onchange=\"reload(this.form)\"><option value=''>Selecteer merk</option>";
while($line = mysql_fetch_array($quer2))
{
if($line['merk_id']==@$merk)
{echo "<option selected value='$line[merk_id]'>$line[merk]</option>"."<BR>";
}else{
echo "<option value='$line[merk_id]'>$line[merk]</option>";
}
}
echo "</select>";
////////////////// einde ///////////
////////// 2de drop /////////
echo "<select name='type'><option value=''>Selecteer type</option>";
while($line2 = mysql_fetch_array($quer)) {
echo "<option value='$line2[type_id]'>$line2[type]</option>";
}
echo "</select>";
////////////////// einde ///////////
echo "</form>";
echo "<input type='text' name='test' value=''>";
?>
///////// pak de data uit de db//////////
$quer2=DoQuery("SELECT DISTINCT merk,merk_id FROM merk order by merk");
/////////////einde////////////
/////// als in de eerste dropdown niks geselect is dan laat de 2de drop alles zien/////
if(isset($poule) and strlen($poule) > 0){
$quer=DoQuery("SELECT DISTINCT type FROM type where merk_id=$merk order by merk_id");
}else{$quer=DoQuery("SELECT DISTINCT type FROM type order by merk_id"); }
////////// einde ///////////////////////////
echo "<form method=post name=f1 action=''>";
////////// eerste drop /////////
echo "<select name='merk' onchange=\"reload(this.form)\"><option value=''>Selecteer merk</option>";
while($line = mysql_fetch_array($quer2))
{
if($line['merk_id']==@$merk)
{echo "<option selected value='$line[merk_id]'>$line[merk]</option>"."<BR>";
}else{
echo "<option value='$line[merk_id]'>$line[merk]</option>";
}
}
echo "</select>";
////////////////// einde ///////////
////////// 2de drop /////////
echo "<select name='type'><option value=''>Selecteer type</option>";
while($line2 = mysql_fetch_array($quer)) {
echo "<option value='$line2[type_id]'>$line2[type]</option>";
}
echo "</select>";
////////////////// einde ///////////
echo "</form>";
echo "<input type='text' name='test' value=''>";
?>
</body>
</html>