Обновление таблицы с Ajax из выбора

Question

Я написал этот бит кода, и блоки выбора работают, но у меня возникают проблемы с обновлением таблицы при выборе выбора. В конечном счете, я хочу использовать это для обновления запроса SQL, когда выбран параметр

<?php
include('PDO_db_config.php');
echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>';
?>
<script type="text/javascript">
    function statusChange(value) {
        var gender = value;
        $.ajax({
            type: "POST",
            data: {
                ajax: 1,
                gender: gender
            },
            success: function(response) {
                $('#response').text('gender : ' + response);
            }
        });
    }
</script>

<?php
echo '<p>Gender <select name="gender" id="gender" onChange="statusChange(this.value)">';
echo '<option>Select a Gender:</option>';
$sql2    = 'SELECT * FROM SLC_gender';
$stmt2 = $pdo->prepare($sql2);
$stmt2->execute([]);
$result2 = $stmt2->fetchAll();
foreach ($result2 as $gender) {
    $genderS = $gender['gender'];
    echo "<option value=' $genderS '> $genderS </option>";
}
echo '</select></p>';

echo '<td>';
if (isset($_POST['ajax']) && isset($_POST['gender'])) {
    echo $_POST['gender '];
    exit;
}
echo '</td>';
?>

Любая помощь будет принята с благодарностью.

Редактировать: я получил ее для работы с этим

    function ajax_fun(gnd) {
        $('#response').text(gnd);
    }

    function getval(sel) {
        var gender = sel.value;
        ajax_fun(gender);
    }

<p>Gender <select name="gender" id="gender" onchange="getval(this)">

<td>
    <div id="response"></div>
</td>