Javascript 表单提交后，输入字段上的数据不会更新，而数据库会更新。

我制作了这段代码来管理商店的柜台现金，用户在输入字段中输入新的余额，然后按enter按钮。代码会更新数据库，但不会相应地更新浏览器输入字段。 我们必须使用浏览器中的F5或RELAD按钮刷新页面，以查看更新的现金价值。 请帮助我输入新值，页面会立即显示新的更新值

<?php
    $cash_query = mysqli_query($link,"SELECT * FROM aks_counter");

    while ($counter_row = mysqli_fetch_array($cash_query)) 
    {
        $counter_cash = $counter_row['counter_cash'];

?>

<div class="container">
    <div id="counter_cash">
        <form method="POST">
        <input type="number" name="counter_balance" class="input_field" value="<?php echo $counter_cash; ?>">
        <input type="hidden" name="counter_hidden_id" value="<?php echo $counter_row['id']; ?>">
        </form>
<?php 
    }
        $counter_id = $_POST['counter_hidden_id'];
        $counter_balance = $_POST['counter_balance'];
        mysqli_query($link,"UPDATE aks_counter SET counter_cash=$counter_balance WHERE id=$counter_id");
?>

        &emsp;
        <h2>Counter Cash</h2>
    </div> 


</div>

---

定义$counter_cash=；在顶部，请编辑我的代码，你的解决方案不起作用。把你的javascript代码也放在这里。我的代码中还没有javascript。如果需要，您可以推荐javascript代码。请帮助。。。。我被卡住了。。。。