l110/Ajax/1.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
(…)
<?php
include('db.php');
$auteurnr=$_GET['auteurnr'];
$boeknr=$_GET['boeknr'];
if ($boeknr && !$auteurnr){ //als er een boeknr is, moet de auteur worden opgezocht
$query = "select auteurnr from boeken where boeknr=$boeknr";
$result = mysqli_query($db, $query) or die(mysqli_error($db));
$row = mysqli_fetch_array($result); //één record ophalen
$auteurnr = $row['auteurnr'];
}
?>
<script>
(…) //functies setAuteur en toonBoek worden nu niet weergegeven
function init(){ //koppelt functies aan de keuzelijsten
document.getElementById('auteurs').onchange = setAuteur;
document.getElementById('boeken').onchange = toonBoek;
}
window.onload = init;
</script>
(…)
<body>
<div id='container'>
<div id='right'>
<div id='winkelwagen'>
<?php include('winkelwagenza.php'); ?> //winkelwagen
</div>
</div>
<h2>Boeken bestellen</h2>
<?php
$query = "select auteurnr, voornaam, tussenvoegsel, achternaam
from auteurs order by achternaam";
$result = mysqli_query($db, $query) or die(mysqli_error($db));
echo "<span class='label'>Auteurs :</span>";
echo "<select name='auteurs' id='auteurs'>"; //lijst met auteurs
echo "<option value=''></option>";
while($row = mysqli_fetch_array($result)){ //auteurs langs
$selected = $row['auteurnr'] == $auteurnr ? "selected":""; //zorgt voor 'selected'
echo "<option value='$row[auteurnr]' $selected>$row[achternaam], $row[voornaam] $row[tussenvoegsel]</option>";
}
echo "</select>";
?>
<p><span class='label'>Kies een boek :</span>
<span id='boekenlijst'>
<?php include('boekenza.php'); ?>
</span>
</p>
<p id='boekinfo'>
<?php include('boekinfoza.php'); ?> (…) //lijst met boeken
</body>
</html>
Resultaat
Made by Thijs Aarnoudse