dynamische dropdown: options aanmaken met JS en AJAX en PHP

Hallo,

Ik probeer een dynamische dropdown te maken. De eerste dropdown heeft een onchange javascript ding wat de volgende AJAX aanroept (zie hieronder). Het idee is dat als de waarde uit de eerste dropdown ('naam') verandert, er code wordt uitgevoerd die uit de MySQL tabel de inspecties ophaalt die bij die opdrachtgever horen.

<script type="text/javascript">

function verkrijgInspecties(naam) {
$.ajax({
type: "POST",
url: "getinspecties.php",
data: "naam =" + naam,
success: function(result) {
alert("success");
}
});
};
</script>

De getinspecties.php heeft de volgende code:

<?php
include 'dbconfig.php';
if(isset($_POST['naam'])){
//verkrijgInspecties($_POST['naam']);
$naam = $_POST['naam'];
$resultaatinspecties = $conn->query("SELECT datum_inspectie FROM opdrachtgevers, inspecties WHERE opdrachtgevers.id = inspecies.opdrachtgeverid AND opdrachtgevers.naam = '".$naam."'");
while ($record = $resultaatinspecties->fetch_assoc()) {
//echo $record["naam"];
echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script><script type="text/javascript"> var x = document.getElementById("inspectiesvanopdrachtgevers"); var option = document.createElement("option"); option.text = "test"; x.add(option); </script>';
}

?>

de bedoeling is dat ipv "test" er de $record["naam"] in komt. Op de een of andere manier werkt het nog niet, en ik kan nog niet achterhalen waar dat aan ligt.