Javascript 从select使用Ajax更新表

我已经编写了这段代码，并且选择框可以工作，但是当选择一个选项时，我在更新表时遇到了问题，最终我想使用它在选择一个选项时更新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>';
?>

功能状态更改（值）{
var性别=价值；
$.ajax({
类型：“POST”，
数据：{
阿贾克斯：1，
性别：性别
},
成功：功能（响应）{
$（'应答'）.text（'性别：'+应答）；
}
});
}

任何帮助都将不胜感激

编辑：我用它来处理这个问题

    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>

函数ajax\u fun（gnd）{
$（'应答'）.text（gnd）；
}
函数getval（sel）{
var性别=选择值；
阿贾克斯·阿尤芬（性别）；
}
性别

$（'#response'）。text（'gender:'+response）

应该填充表中的元素还是什么？现在我没有看到id为

response

的元素，也没有表，只有一个浮动的

节点。表在这里很混乱：）乍一看，我以为是Mysql表。。。如果你是指这里的html单元格！尝试在代码后面添加ID属性。这个提琴可以帮助您组织代码和jquery事件，其中ajax中的

url

，为什么您需要在$stmt2->execute（[]）中使用[]；