Select met Aj*x in MySQLi

Het andere bestand is getuser.php
Tabel (models.sql)
PDO versie
Bron W3schools.com
Hier komt de informatie uit de query

<html>
<head>
<script>
function selecteerMedewerker(str)
{
if (str=="")
  {
  document.getElementById("content").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("content").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
</script>
<style>

</style>
</head>
<body>
<h1>Select met Aj*x in MySQLi</h1>
Het andere bestand is <a href="getuser.php?q=1056">getuser.php</a></br>
<a href="models.sql">Tabel (models.sql)</a></br>
<a href="mysqlajaxpdo.php">PDO versie</a></br>
<a href="https://www.w3schools.com/php/php_ajax_database.asp">Bron W3schools.com</a></br></br
<form>
<select name="medewerkers" onchange="selecteerMedewerker(this.value)">
<option value="">Selecteer een persoon:</option>
<option value="1002">Murphy</option>
<option value="1056">Mary</option>
<option value="1076">Jeff</option>
<option value="1216">Steve</option>
<option value="1612">Peter</option>
<option value="">Alles</option>
</select>
</form>
<br>
<div id="content"><b>Hier komt de informatie uit de query</b> </div>

</body>
</html> 

<?
error_reporting(0);
/////////////////////// 
show_source(__FILE__);
?>