l111/leerlingen.php
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<script src="ajax.js"></script>
<title>Leerlingen met ajax</title>
<script>
window.onload = setEvents
function setEvents(){
document.getElementById('llnr').onchange = leerlingChange
}
function leerlingChange(){
var llnr = this.options[this.selectedIndex].value;
ajax('leerlingendetails.php?llnr='+ llnr ,'leerlingdetails')
}
</script>
</head>
<body>
<?php
include('db.php');//verbinding database
echo "<div><span class='veldnaam'>Leerling:</span>";
?>
<select name='llnr' id='llnr'>
<option value=''></option>
<?php
//alle leerlingen ophalen
$query ="select * from leerlingen order by achternaam";
$result = mysqli_query($db, $query) or die(mysqli_error($db).": $query");
while($row = mysqli_fetch_array($result)){
//$selected = $leerlingnr == $row['leerlingnr']?"selected":"";
echo "<option $selected value='$row[llnr]'>$row[voornaam] $row[tussenvoegsel] $row[achternaam]</option>\n";
}
echo "</select></div>";
echo "<div id='leerlingdetails'></div>";
?>
<hr>
<p><input type="checkbox" id='alertRespons'>Alert antwoord</p>
<div id='ajaxtext'></div>
</body>
</html>
Resultaat
Made by Thijs Aarnoudse