Nieuw lid |
|
Hallo allemaal,
voor m'n website ben is een script aan het maken dat auto's zoekt in een database en deze auto's vervolgens op het scherm toont.
Het zoekscript geeft de bezoeker van de pagina de mogelijkheid om op merk en model te zoeken d.m.v een keuzelijst.
Als de bezoeker een merk aangeklikt heeft, moet het keuzemenu voor de modellen alleen de modellen van het gekozen merk laten zien.
De merken en modellen moeten opgehaald worden uit de database.
Ik heb al op internet gezocht hoe ik dit het beste kan doen.
Javascript schijnt een mogelijkheid te zijn, maar ik heb helaas geen ervaring met Javascript.
Een klein beginnetje (deels met knippen en plakken tot stand gekomen) staat onderaan.
Hier komen alleen de merken en modellen nog niet uit de database.
Ik heb geen idee hoe ik dat zou moeten doen met Javascript.
Hebben jullie een idee hoe dit met javascript en PHP & SQL te verwezenlijken is?
Of hebben jullie misschien een betere oplossing voor dit probleem?
Ik hoor het graag!
Met vriendelijke groet,
Ruben
echo'<head>
<title>Auto zoeken</title>
<script language="javascript" src="chainedmenu.js">
</script>
<script language="javascript">
var hide_empty_list=true;
addListGroup("vehicles", "merk");
addList("merk", "Kies een merk", "", "dummy-maker");
addList("merk", "Audi", "Audi", "Audi");
addList("merk", "BMW", "BMW", "BMW");
addList("dummy-maker", "Kies eerst een merk", "", "dummy-car");
addList("Audi", "Kies een model", "", "");
addList("Audi", "A3", "A3", "Audi-A3");
addList("Audi", "A4", "A4", "Audi-A4");
addList("Audi", "A5", "A5", "Audi-A5");
addList("Audi", "A8", "A8", "Audi-A8");
addList("BMW", "Kies een model", "", "");
addList("BMW", "3 serie", "3serie", "BMW-3serie");
addList("BMW", "5 serie", "5serie", "BMW-5serie");
addList("BMW", "6 serie", "6serie", "BMW-6serie");
</script>
</head>';
?>
<!--
Chained Selects
Copyright 2004 Xin Yang
-->
<body onload="initListGroup('vehicles', document.forms[0].make, document.forms[0].type, document.forms[0].model)">
<table align="center" cellpadding="0" cellspacing="0" border="0" width="90%"><tr><td>
<form action=test5.php method=post>
<table align="center"><tr>
<td>Kies auto</td>
<td><select name="make" style="width:200px;"></select></td>
<td><select name="type" style="width:200px;"></select></td>
<td><input name="Submit" type="submit" value="Verder">
</tr></table>
</form>
</body>
</html>
<title>Auto zoeken</title> <script language="javascript" src="chainedmenu.js"> </script> <script language="javascript"> var hide_empty_list=true; addListGroup("vehicles", "merk"); addList("merk", "Kies een merk", "", "dummy-maker"); addList("merk", "Audi", "Audi", "Audi"); addList("merk", "BMW", "BMW", "BMW"); addList("dummy-maker", "Kies eerst een merk", "", "dummy-car"); addList("Audi", "Kies een model", "", ""); addList("Audi", "A3", "A3", "Audi-A3"); addList("Audi", "A4", "A4", "Audi-A4"); addList("Audi", "A5", "A5", "Audi-A5"); addList("Audi", "A8", "A8", "Audi-A8"); addList("BMW", "Kies een model", "", ""); addList("BMW", "3 serie", "3serie", "BMW-3serie"); addList("BMW", "5 serie", "5serie", "BMW-5serie"); addList("BMW", "6 serie", "6serie", "BMW-6serie"); </script> </head>'; ?> <!-- Chained Selects Copyright 2004 Xin Yang --> <body onload="initListGroup('vehicles', document.forms[0].make, document.forms[0].type, document.forms[0].model)"> <table align="center" cellpadding="0" cellspacing="0" border="0" width="90%"><tr><td> <form action=test5.php method=post> <table align="center"><tr> <td>Kies auto</td> <td><select name="make" style="width:200px;"></select></td> <td><select name="type" style="width:200px;"></select></td> <td><input name="Submit" type="submit" value="Verder"> </tr></table> </form> </body> </html>
|