如何在从下拉列表中选择变量时运行javascript代码和PHP代码

我有一个下拉列表，当我点击它时，它会显示一个隐藏的div

<form action="" method="post" name="select_name_form">
<input type="submit" name="select_name_submit" value="debts"/>
<select onchange="showMe(this);" name="select_name">
<?php foreach($result1 as $name) { ?>
<option value="<?php echo $name['name'] ?>"><?php echo $name['name'] ?></option>
<?php } ?>
</select>
</form>

这是javascript代码：

<script type="text/javascript">
function showMe(e) {
    var strdisplay = e.options[e.selectedIndex].value;
    var e = document.getElementById("section3");
    if(strdisplay == "Hide") {
        e.style.display = "none";
    } else {
        e.style.display = "block";
    }
}
</script>

当我点击这个列表的任何值时，我想做的仍然是向我显示隐藏的div，但我想应用这个PHP代码并将数据选择到该div中：

if(isset($_POST['select_name_submit'])){
    $name_selected = $_POST['select_name'];
    try{
        $query = ("SELECT * FROM debts WHERE name=:name");
        $stmt = $conn->prepare($query);
        $stmt->bindValue(":name", $name_selected);
        $count = $stmt->execute();
        //header("location: debts.php");
    }
    catch(PDOException $e) {
        echo $e->getMessage();
        header("location: debts.php");
    }
}

这段PHP代码在我有下拉列表的同一页中。那么，当从下拉列表中选择一个名称时，我如何让它运行2个代码（一个代码是JS，第二个代码是PHP）。